标题

H1

H2

H3

H4

H5
H6

H1到H6正常

字

删除线

删除线

~~删除线~~

插入字

hugo好像打不出插入字

我直接拿链接当插入字(push)

[我直接拿链接当插入字(push)]()

粗体

  1. 粗体1
**粗体1**
  1. 粗体2
__粗体2__

斜体

  1. 斜体1
*斜体1*
  1. 斜体2
_斜体2_

粗体和斜体

又粗又斜

***又粗又斜***

列表

无序列表使用 -、+ 或 * 表示,有序列表使用数字加点表示。

真正写作中一篇文章应只使用 一种 列表项,以保证页面的整洁与易读性

- 无序列表项 1
- 无序列表项 2
  - 嵌套无序列表项

1. 有序列表项 1
2. 有序列表项 2
   1. 嵌套有序列表项

链接和图片

  • 链接使用格式

这是一个链接

也可以直接表示链接

https://markdown.com.cn

  • 图片使用格式。 ![图片alt](图片链接 "图片title") 这是一个图片 这个图片上有字哦

邮箱使用格式 fake@example.com

[这是一个链接](https://markdown.com.cn)
<https://markdown.com.cn>

![这是一个图片](https://markdown.com.cn/assets/img/shiprock.c3b9a023.jpg "图片title"")

<fake@example.com>

链接图片

必应每日一图 你点一下试试

[![必应每日一图](https://api.bphoto.xuanbo.top "点了就是刷新这个界面")]()

最后的括号输入想跳转的链接

引用

使用 > 表示引用。 当然,也可以嵌套使用

这是一个引用段落。

这是一个嵌套引用段落。

> 这是一个引用段落。
>> 这是一个嵌套引用段落。

ℹ️ Note

这是一个笔记提示块。

⚠️ Warning

这是一个警告提示块。

💡 Tip

这是一个技巧提示块。

⛔ Caution

这是一个 caution 提示块。

❗ Important

这是一个重要提示块。

ℹ️ Info

这篇文章为 xxx ,实现 xxx 。

代码块

  • 代码块表示

用一个反引号 ` 表示的,我更喜欢用来表示强调

行内代码使用反引号 ` 包围,多行代码块使用三个反引号 包围。

这是 `行内代码` 示例。
 1<!DOCTYPE html>
 2<html lang="en">
 3  <head>
 4    <meta charset="utf-8" />
 5    <title>Example HTML5 Document</title>
 6    <meta
 7      name="description"
 8      content="Sample article showcasing basic Markdown syntax and formatting for HTML elements."
 9    />
10  </head>
11  <body>
12    <p>Test</p>
13  </body>
14</html>

在 代码块(三个` )后输入 {linenos=inline hl_lines=[2, 4]} 即可对指定行进行高亮显示。

linenos=inline 是为了显示行号。默认是不显示行号的,你注意到了吗

分段

使用三个或更多的 -、* 或 _ 表示分割线。

  1. 用-分段

  1. 用_分段

  1. 用*分段

分开式的链接

应该会很有用

hobbit-hole

hobbit-hole

[hobbit-hole][1]

[hobbit-hole][2]

[1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle
[2]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle

转义字符

要显示原本用于格式化 Markdown 文档的字符,在字符前面添加反斜杠字符 \

LaTeX数学

需自行添加 math.html 到 themes/PaperMod/layouts/partials/,然后编辑 extend_head.html,添加一行 {{ partial "math.html" . }}

至于 math.html的内容可选 KaTeX 或者 MathJax,前者相对快 3 倍以上,后者支持更全正常使用中真的有区别吗。

  • KaTeX
<!-- 引入 KaTeX 核心 CSS 样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/katex.min.css" integrity="sha384-bYdxxUwYipFNohQlHt0bjN/LCpueqWz13HufFEV1SUatKs1cm4L6fFgCi1jT643X" crossorigin="anonymous">

<!-- 引入 KaTeX 核心 JS 文件 -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/katex.min.js" integrity="sha384-Qsn9KnoKISj6dI8g7p1HBlNpVx0I8p1SvlwOldgi3IorMle61nQy4zEahWYtljaz" crossorigin="anonymous"></script>

<!-- 引入 KaTeX 自动渲染扩展 -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>

<!-- 配置自动渲染规则 -->
<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
            delimiters: [
                {left: '$$', right: '$$', display: true},
                {left: '$', right: '$', display: false},
                {left: '\\(', right: '\\)', display: false},
                {left: '\\[', right: '\\]', display: true}
            ],
            throwOnError : false
        });
    });
</script>
  • MathJax
<!-- 引入 MathJax 3 脚本 -->
<script id="MathJax-script" async 
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>

<!-- MathJax 配置 -->
<script>
  MathJax = {
    tex: {
      displayMath: [['$$', '$$']],  // 块级公式
      inlineMath: [['$', '$']]      // 行内公式
    }
  };
</script>

LaTeX在线参考资料

内链数学:

$\varphi =\frac{1+\sqrt[]{ 5 }}{2}=1.61,83988,7\dots\dots$

块数学: $$\varphi=1+\frac{1}{1+\frac{1}{1+\frac{1}{1+\dots}}}$$

表情符号

需自行添加 enableEmoji: true于 hugo.yaml (与 theme、title同级)

baseURL: "https://blog.tiepi.eu.org/"
title: "tiepi - 强哥赞助"
LanguageCode: "zh-CN"
theme: "PaperMod"
# 放在这里,与 theme 同级
enableEmoji: true

# ...其余配置

❤️ 🚀

短码

以我的认知来看,这玩意类似于超链接,但更加全面

短码与内容丰富