Hugo的Markdown语法示例

Hugo的Markdown语法示例

各级标题

1
2
3
# H1
## H2
### H3

文字效果

斜体 + 加粗

这是文字斜体效果

1
这是*文字斜体*效果

这是文字加粗效果

1
这是**文字加粗**效果

删除线 + 下划线

这是一段加了删除线的文本

1
这是一段~加了删除线的文本~

这是一段 下划线示例文本 内容

1
这是一段<u> 下划线示例文本 </u>内容

高亮

Most salamanders are nocturnal

1
Most <mark>salamanders</mark> are nocturnal
  • 别的编辑器可以用"==高亮文本==“来实现高亮,hugo好像不行

超链接

百度一下,你就知道

1
[百度一下,你就知道](http://www.baidu.com)

拓展标记

键盘按键

Ctrl + X

1
<kbd>Ctrl</kbd> + <kbd>X</kbd>

上下标

下标 H2O

上标 Xn + Yn = Zn

1
2
3
下标 H<sub>2</sub>O

上标 X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

引用

块内引用

这是块内引用效果

1
这是`块内引用`效果

区块引用

这是区块引用的效果

1
> 这是区块引用的效果

代码块

缩进推荐四个空格

1
<p>A paragraph</p>

列表

有序列表

  1. First item
  2. Second item
  3. Third item

无序列表

  • List item
  • Another item
  • And another item

多级列表

  • Fruit
    • Apple
    • Orange
    • Banana
1
2
3
4
* Fruit
  * Apple
  * Orange
  * Banana

图片

  • 图片需要放在和.md文件同一个文件夹里
  • hugo一行可以引用多个图片,支持横排图片

Image 1 Image 2

1
![Image 1](1.jpg) ![Image 2](2.jpg)

水平分割线

下面是两种水平分割线:



1
2
3
代码:
---
***

高级功能

表格

NameAge
Bob27
Alice23
1
2
3
4
   Name | Age
--------|------
    Bob | 27
  Alice | 23

注释

注释的内容对用户不可见

1
<!-- 这里是注释的内容 -->

视频地址的引用

For more details, check out the documentation.

YouTube video

格式:
{{ + 视频标签 + }}

4种视频标签格式:

1
2
3
4
< youtube "0qwALOOvUik" >
< bilibili "BV1d4411N7zD" >
< tencent "g0014r3khdw" >
< video "https://www.w3schools.com/tags/movie.mp4" > # 通用视频地址
Licensed under CC BY-NC-SA 4.0
最后更新于 2025-05-27 01:51:43
使用 Hugo 构建
主题 StackJimmy 设计