hexo markdown常用语法

url 链接

[这是一个链接](https://csms.tech [title])

这是一个链接

图片链接

![图片名称](https://i.csms.tech/img_10.png [title])

图片名称

自动链接

<https://csms.tech>

https://csms.tech
https://csms.tech

链接到文章内的标题

Hexo 会自动为各个层级的标题添加锚点,锚点 id 为标题名称,如果标题名称中有 空格 ) ( . 会被替换成-,多个空格合并成一个。如果标题开头**中包含 /,会被替换成 x2F-**,如果标题中间出现 /,会被替换成 -x2F-。要查看标签的具体值,也可以通过查看网页源代码的方式查找对应 id 。使用示例如下

标题 锚点 id 备注
### 三级标题 id="三级标题"
### this is title id="this-is-title" 多个空格会合并成一个
### /home/dir id="x2F-home-x2F-dir"

在文章中要跳转到指定的锚点,可以使用以下方式:

[这是一个锚点](#this-is-title)

链接到本站其他文章的指定标题

[名称](https://csms.tech{% post_path '文章文件名' %}#id)

{% post_path 'Hexo-markdown-grammar' %} 的值为: /2022/07/Hexo-markdown-grammar/
跳转

链接到标题之外的锚点

可以使用html标签先创建对应锚点,如<div id='1'>这是一个文章锚点</div>

这是一个文章锚点

跳转到id=1的锚点

站内文章链接

{% post_link '文章文件名' ['显示的名称, 默认为文章title'] %}

本篇文章 hexo markdown常用语法

note标签

{% note class %}
文本内容 (支持行内标签)
{% endnote %}

支持的class包括:default primary success info warning danger

代码块

代码块示例主页
```shell name url urlshowname
log-bin=binlog
```

表格

| title1 | title2  | title3 |
|:------|:-------:|-------:|
| 第1列 |第2列 |第3列 |
|左对齐| 居中对齐 | 右对齐|
| 竖线 &#124; |竖线 &#x7C; |
|Hexo中竖线使用 `\|`||
title1 title2 title3
第1列 第2列 第3列
左对齐 居中对齐 右对齐
竖线 &#124; 竖线 &#x7C;
Hexo中竖线使用 |

要在表格中使用|, 可用以下2中之一代替

&#124;
&#x7C;

Hexo 表格中需要使用 \| 方式输出 |

设置表格宽度,在表格之前使用以下 style

<style>
table th:nth-of-type(1){
width: 10%;
}
table th:nth-of-type(2){
width: 70%;
}
table th:nth-of-type(3){
width: 20%;
}
</style>
<style>
table th:nth-of-type(1){
width: 10%;
}
table th:nth-of-type(2){
width: 70%;
}
table th:nth-of-type(3){
width: 20%;
}
</style>

| 选项 | 说明 |示例|
|:--------|--------|---|
|第一列:10%|第二列:70%|第三列:20%|

以上输出显示效果如下:

选项 说明 示例
第一列:10% 第二列:70% 第三列:20%

一个文档中出现多次,以最后一个 style 配置为最终效果

参考链接

Hexo Markdown 语法手册