PaperMod主题Markdown示例

1
2
3

<font face='SimHei'>这是黑体</font>
<font face='KaiTi'>这是楷体</font>
<font face='Fangsong_GB2312'>这是仿宋_GB2312字体</font>

1
2
3
4
5
6
7

<font size="1">这是1号字体</font>
<font size="2">这是2号字体</font>
<font size="3">这是3号字体</font>
<font size="4">这是4号字体</font>
<font size="5">这是5号字体</font>
<font size="6">这是6号字体</font>
<font size="7">这是7号字体</font>

1
2
3
4

<font color='red'>这是红色字体</font>
<font color='rgb(200, 100, 100)'>这是rgb(200, 100, 100)颜色字体</font>
<font color='#FF00BB'>这是#FF00BB颜色字体</font>
<font style="background: linear-gradient(to right, #ff1616, #36c945, #10a5ce, #0f0096, #a51eff, #ff1616);">这是7色渐变颜色</font>

1
2
3

- [x] 吃饭
- [x] 睡觉
- [ ] 写作业

1
2
3

这是一个简单的脚注[^1]，这是另一个脚注[^bignote]。
[^1]:这是第一个脚注
[^bignote]:这是第二脚注

1
2
3
4
5
6
7

// 1. 首先定义一个锚点：
<span id="jump">**<u>《塞尔达传说 王国之泪》</u>**</span>（日语：ゼルダの伝説 ティアーズ オブ ザ キングダム，英语：The Legend of Zelda: Tears of the Kingdom）是一款由任天堂企划制作本部开发，任天堂发行的一款开放世界动作冒险游戏。本作为2017年发售的《塞尔达传说 旷野之息》的续作，也是塞尔达传说系列的第二十部作品，于2023年5月12日在任天堂Switch上发售。

// 2. 用markdown的语法写超链
点击查看[王国之泪的介绍](#jump)

// 3. 点击超链文字就可以定位到跳转内容了

1

王国之泪<sup>[[塞尔达传说 王国之泪]](#jump)</sup>是什么游戏？

1

<abbr title="🙃🙃🙃">鼠标悬浮这里</abbr>可以看到详细的解释。

1
2
3
4
5
6

{.{< black message="这是一条黑白信息" >}}
{.{< grey message="这是一条灰色信息" >}}
{.{< blue message="这是一条蓝色信息" >}}
{.{< green message="这是一条绿色信息" >}}
{.{< yellow message="这是一条黄色信息" >}}
{.{< red message="这是一条红色信息" >}}

1

{.{< ppt src="https://www.africau.edu/images/default/sample.pdf" >}} 

1
2

{.{< bilibili BV1WZ4y1a7MF >}}
# 如果有集数（默认第一集），例如要播放第5集，则这样使用：{.{< bilibili BV1WZ4y1a7MF 5 >}}

1
2

{.{< innerlink src="posts/tech/cs-basic-grammar.md" >}}
# 卡片获取的文章长度默认是70，需要在config.yaml配置文件添加 summaryLength: 90，即设置为90

1
2
3

```java {lineNos=true,lineNumbersInTable=true,style=monokai,linenostart=66,hl_lines=[8,"15-17"]}
// code ...
```

1
2
3
4
5
6
7
8
9

{.{% code %}}
```cpp
#include <iostream>
int main() {
    std::cout << "Hello World!" << std::endl;
    return 0;
}
```
{.{% /code %}}

1
2
3

{.{< align left "文字居左" >}}
{.{< align center "文字居中" >}}
{.{< align right "文字居中" >}}

1
2

{.{< figure src="https://kdjlyy.github.io/img/logo.ico" caption="图片描述" width="50%" height="50%" align="center" >}}
{.{< figure src="https://kdjlyy.github.io/img/logo.ico" title="xxx"  caption="图片描述" width="200" height="200" >}}

1
2
3
4

<div style="text-align:center;">
  <img style="display: block; margin: 0 auto;" src="" width="100%" height="100%" >
  <span style="font-size: 14px; color: grey;">图片描述</span>
</div><br>

1

{.{< github title="kdjlyy/fastRPC" >}}

1
2
3
4
5
6
7
8

<div align=center>
<!-- 可以用html代码包裹该代码实现居中或其他排版 -->
{.{<mermaid>}}
flowchart LR
  a --> b & c --> d
{.{</mermaid>}}

</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

<div id="echarts" style="width: 600px;height:400px;"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.1/echarts.min.js"></script>
<script>
var myChart = echarts.init(document.getElementById('echarts'));
myChart.setOption({
    title: { text: 'ECharts 示例' },
    tooltip: {},
    xAxis: {
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20, 5]
    }]
});
</script>

1
2
3

H<sub>2</sub>O
C<sub>6</sub>H<sub>12</sub>O<sub>6</sub>
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

1

$$0.414213562373095048\approx6\*16^{-1}+a\*16^{-2}+0\*16^{-3}+\cdots$$

1

<mark>高亮标记语言</mark>显示段落中的重要文字部分。