一个新手玩家的个人博客 Zola 2026-06-23T00:00:00+00:00 https://www.yhf8785191.top/tags/markdown/atom.xml 2026-06-23T00:00:00+00:00 2026-06-23T00:00:00+00:00 Fish_Yu https://www.yhf8785191.top/blog/markdown/markdownyu-fa-su-cha/ <h2 id="markdownyu-fa-su-cha">Markdown语法速查</h2> <h3 id="yi-biao-ti">一、标题</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span># 一级标题</span></span> <span class="giallo-l"><span>## 二级标题</span></span> <span class="giallo-l"><span>### 三级标题</span></span></code></pre><h3 id="er-wen-ben-yang-shi">二、文本样式</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>**加粗文本**</span></span> <span class="giallo-l"><span>*斜体文本*</span></span> <span class="giallo-l"><span>~~删除线~~</span></span> <span class="giallo-l"><span>==高亮文本==</span></span> <span class="giallo-l"><span>==标记高亮==</span></span> <span class="giallo-l"><span>行内代码：`code`</span></span></code></pre><h3 id="san-lie-biao">三、列表</h3> <ul> <li>无序列表</li> </ul> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span> - 项目一</span></span> <span class="giallo-l"><span> - 项目二</span></span> <span class="giallo-l"><span> - 项目三</span></span></code></pre> <ul> <li>有序列表</li> </ul> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span> 1. 第一条</span></span> <span class="giallo-l"><span> 2. 第二条</span></span> <span class="giallo-l"><span> 3. 第三条</span></span></code></pre> <ul> <li>任务列表</li> </ul> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>- [x] 已完成任务</span></span> <span class="giallo-l"><span>- [ ] 未完成任务</span></span></code></pre><h3 id="si-yin-yong">四、引用</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>&gt; 单行引用</span></span> <span class="giallo-l"><span>&gt; 多行引用</span></span> <span class="giallo-l"><span>&gt; 第二行内容</span></span></code></pre> <blockquote> <p>这是一行引用</p> </blockquote> <h3 id="wu-dai-ma">五、代码</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"></code></pre> <p>这是一行代码</p> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"></code></pre> <blockquote> <p>[!TIP] 结束代码块：三次回车</p> </blockquote> <h3 id="liu-lian-jie-yu-tu-pian">六、链接与图片</h3> <ul> <li>超链接</li> </ul> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span> [链接文字](https://www.example.com)</span></span></code></pre> <ul> <li>图片</li> </ul> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span> </span></span></code></pre><h3 id="qi-biao-ge">七、表格</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>| 表头1 | 表头2 | 表头3 |</span></span> <span class="giallo-l"><span>|-------|-------|-------|</span></span> <span class="giallo-l"><span>| 内容1 | 内容2 | 内容3 |</span></span> <span class="giallo-l"><span>| 内容4 | 内容5 | 内容6 |</span></span></code></pre><h3 id="ba-fen-ge-xian">八、分割线</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>---</span></span> <span class="giallo-l"><span>***</span></span></code></pre> <hr /> <h3 id="jiu-zhuan-yi-zi-fu">九、转义字符</h3> <blockquote> <p>[!NOTE] 在特殊符号前加 <code>\</code> 即可原样显示：</p> <p>\# \* \- \&gt; \[ \] \( \)</p> </blockquote> <h3 id="shi-zhe-die-kuai">十、折叠块</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>&lt;details&gt;</span></span> <span class="giallo-l"><span>&lt;summary&gt;点击展开&lt;/summary&gt;</span></span> <span class="giallo-l"><span>隐藏的内容在这里</span></span> <span class="giallo-l"><span>&lt;/details&gt;</span></span></code></pre><h3 id="shi-yi-jiao-zhu">十一、脚注</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>正文内容[^1]</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>[^1]: 这里是脚注说明</span></span></code></pre><h3 id="shi-er-shang-xia-biao">十二、上下标</h3> <pre class="giallo" style="color: #CDD6F4; background-color: #1E1E2E;"><code data-lang="plain"><span class="giallo-l"><span>H~2~O 下标</span></span> <span class="giallo-l"><span>X^2^ 上标</span></span></code></pre> 2023-11-21T00:00:00+00:00 2023-11-21T00:00:00+00:00 Fish_Yu https://www.yhf8785191.top/blog/markdown-example/

<p>This article offers a sample of basic Markdown syntax that can be used in <del>Hugo</del> Zola content files, also it shows whether basic HTML elements are decorated with CSS in a <del>Hugo</del> Zola theme.</p>