url 链接
[这是一个链接](https://csms.tech [title])
|
这是一个链接
图片链接
![图片名称](https://i.csms.tech/img_10.png [title])
|
自动链接
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" |
|
在文章中要跳转到指定的锚点,可以使用以下方式:
链接到本站其他文章的指定标题
[名称](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列 | |左对齐| 居中对齐 | 右对齐| | 竖线 | |竖线 | | |Hexo中竖线使用 `\|`||
|
title1 |
title2 |
title3 |
第1列 |
第2列 |
第3列 |
左对齐 |
居中对齐 |
右对齐 |
竖线 | |
竖线 | |
|
Hexo中竖线使用 | |
|
|
要在表格中使用|
, 可用以下2中之一代替
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 语法手册