本文仅用于记录个人markdown中常用Katex语法和博客中的外部挂载标签，仅列举个人喜欢及常用，并不全面，还望谅解。

常用Katex语法

向下取整

1
$\lfloor x \rfloor$

渲染结果——⌊x⌋\lfloor x \rfloor

向上取整

1
$\lceil x \rceil$

渲染结果——⌈x⌉\lceil x \rceil

求和

1
$\sum_1^n$

渲染结果——∑1n\sum_1^n

积分

1
$\int_1^\infty$

渲染结果——∫1∞\int_1^\infty

连乘

1
$\prod_{i=1}^n$

渲染结果——∏i=1n\prod_{i=1}^n

分式

1
$\frac ab$

渲染结果——ab\frac ab

根式

1
$\sqrt{x^3}$

渲染结果——x3\sqrt{x^3}

常用外部挂载标签

分栏

1
2
3
4
5
6
7
8
9
10
{% tabs link1 %}
<!-- tab 示例源码 -->
**这里是源码**
<!-- endtab -->

<!-- tab 渲染演示 -->
**这里是演示**
<!-- endtab -->

{% endtabs %}

这里是源码

这里是演示

时间轴

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{% timeline 更新日志,pink %}

<!-- timeline 2023-05-23 -->

1. 升级anzhiyu-1.2.1。
2. 修复404页面图片丢失问题。
3. 修复关闭主色调小屏模式部分浏览器显示bug。

<!-- endtimeline -->

<!-- timeline 2023-05-10 -->

- 修复404界面显示问题。

<!-- endtimeline -->

<!-- timeline 2023-05-11 -->

- 升级anzhiyu-1.2.0。

<!-- endtimeline -->

{% endtimeline %}

更新日志

2023-05-23

  1. 升级anzhiyu-1.2.1。
  2. 修复404页面图片丢失问题。
  3. 修复关闭主色调小屏模式部分浏览器显示bug。

2023-05-10

  • 修复404界面显示问题。

2023-05-11

  • 升级anzhiyu-1.2.0。

链接卡片

1
{% link 王貔貅's Blog, https://blog.wpixiu.cn/, https://blog.wpixiu.cn/, https://blog.wpixiu.cn/picture/wpixiu.png %}

折叠框

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
{% folding 折叠框-1 %}

**折叠框-1**

{% endfolding %}



{% folding cyan open, 查看默认打开的折叠框 %}

这是一个默认打开的折叠框。

{% endfolding %}


{% folding green, 查看代码测试 %}
假装这里有代码块（代码块没法嵌套代码块）
{% endfolding %}


{% folding yellow, 查看列表测试 %}

- haha
- hehe

{% endfolding %}



{% folding red, 查看嵌套测试 %}

{% folding blue, 查看嵌套测试2 %}

{% folding 查看嵌套测试3 %}

hahaha <span><img src='https://picture.wpixiu.cn/noFMF9.png' style='height:24px'></span>

{% endfolding %}

{% endfolding %}

{% endfolding %}
折叠框-1

折叠框-1

查看默认打开的折叠框

这是一个默认打开的折叠框。

查看代码测试

假装这里有代码块（代码块没法嵌套代码块）

查看列表测试
  • haha
  • hehe
查看嵌套测试
查看嵌套测试2
查看嵌套测试3

hahaha

行内文本样式

1
2
3
4
5
6
1. 带 {% u 下划线 %} 的文本
2. 带 {% emp 着重号 %} 的文本
3. 带 {% wavy 波浪线 %} 的文本
4. 带 {% del 删除线 %} 的文本
5. 键盘样式的文本 {% kbd command %} + {% kbd D %}
6. 密码样式的文本：{% psw 这里没有验证码 %}
  1. 带 下划线 的文本
  2. 带着重号的文本
  3. 带波浪线的文本
  4. 带 删除线 的文本
  5. 键盘样式的文本 command + D
  6. 密码样式的文本：这里没有验证码

复选列表

1
2
3
4
5
6
7
8
9
10
{% checkbox 纯文本测试 %}
{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% checkbox red, 支持自定义颜色 %}
{% checkbox green checked, 绿色 + 默认选中 %}
{% checkbox yellow checked, 黄色 + 默认选中 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}

**


纯文本测试


支持简单的 markdown 语法

支持自定义颜色

绿色 + 默认选中

黄色 + 默认选中

青色 + 默认选中

蓝色 + 默认选中

增加

减少

叉

**

关于anzhiyu主题开启Katex的方法

仅举例本站所使用方法

1
2
3
4
5
npm un hexo-renderer-marked --save # 如果有安装这个的话，卸载
npm un hexo-renderer-kramed --save # 如果有安装这个的话，卸载

npm i hexo-renderer-markdown-it --save # 需要安装这个渲染插件
npm install katex @renbaoshuo/markdown-it-katex #需要安装这个katex插件

在 hexo 的根目录的_config.yml 中配置

1
2
3
markdown:
  plugins:
    - "@renbaoshuo/markdown-it-katex"

如需配置其它参数，请参考 katex 官网

经本人实践，在AnZhiYu主题文档中提到的Katex插件，在渲染后均会出现问题。

解决方法：在文章页引入如下代码

1
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.1/dist/katex.min.css">

更多参考

[1]
Markdown语法与外部挂载标签写法汇总
[2]
安知鱼官方文档