这是一篇markdown测试文章

发表于 更新于 分类于 阅读次数：

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

我是普通字体

我是粗体

我也是粗体

我是斜体

我也是斜体

我是粗体+斜体

我也是粗体+斜体

  • 横杠列表1
  • 横杠列表2
  • 横杠列表3
  • 星号列表1
  • 星号列表2
  • 星号列表3
  • 加好列表1
  • 加好列表2
  • 加好列表3
  1. 序号1
  2. 序号2
  3. 序号3

这是超链接

Ctrl + C 怎样显示键盘操作
<kbd>Ctrl</kbd> + <kbd>C</kbd>

代码块

我是代码，前面有四个空格

我是代码前的
$(document).ready(function () { alert('RUNOOB'); });
我是代码后的

  1. 序号1
    • 嵌套序号1
    • 嵌套序号2
  2. 序号2
    • 嵌套列表1
    • 嵌套列表2
  3. 序号3

这是一级引用

继续二级引用

还是三级引用

我是图片：

格式是这样的：
![路飞](./images/这是一篇markdown测试文章/海贼王.jpg)
效果是这样的：
路飞
hexo对png格式的图片支持不好，建议用jpg

1
2
print("Hello World")
# 这是代码块Python高亮的写法

B站嵌入视频方法

B站嵌入视频方法

1
2
3
4
5
6
7
8
<!-- B站的嵌入代码 -->
<iframe src="//player.bilibili.com/player.html?bvid=BV1aj421D7V5&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

<!-- HEXO的嵌入代码 -->
{% raw %}
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?bvid=BV1aj421D7V5&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; Left: 0; top: 0;" ></iframe></div>
{% endraw %}

黑体字

微软雅黑

华文彩云

蓝色

绿色

红色

尺寸

我是高亮

Next8主题特有html标签

高亮说明Note

修改next的_config.yml
图形

1
2
3
4
5
6
7
8
9
10
11
12
13
# Note tag (bootstrap callout)
note:
  # Note tag style values: 不同的显示风格
  #  - simple    bootstrap callout old alert style. Default.
  #  - modern    bootstrap callout new (v2-v3) alert style. 这个好看
  #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
  #  - disabled  disable all CSS styles import of note tag.
  style: modern
  icons: true     # 显示Note的图标，建议打开，好看
  # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
  # Offset also applied to label tag variables. This option can work with disabled note tag.
  light_bg_offset: 0

灰色要标记的内容

紫色要标记的内容

这里是标题

可以粗体 带上链接 Hexo!

点击打开

这是一个可以折叠的Note

Note with summary: note primary This is a summary

绿色要标记的内容

蓝色要标记的内容

橙色要标记的内容

红色要标记的内容 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{% note default %} 灰色要标记的内容 {% endnote %}
{% note primary %} 紫色要标记的内容 {% endnote %}
{% note primary %}
#### 这里是标题
**可以粗体** 带上链接 [Hexo!](https://hexo.io)
{% endnote %}
{% note primary 点击打开 %}
#### 这是一个可以折叠的Note
Note with summary: `note primary This is a summary`
{% endnote %}
{% note success %} 绿色要标记的内容 {% endnote %}
{% note info %} 蓝色要标记的内容 {% endnote %}
{% note warning %} 橙色要标记的内容 {% endnote %}
{% note danger %} 红色要标记的内容 {% endnote %}

高亮画笔

这是黄色的高亮
这是primary紫色的高亮
这是success绿色的高亮,
这是info蓝色的高亮
这是warning橙色的高亮
这是danger红色的高亮
这是default灰色的高亮
这是mark html标签黄色高亮

1
2
3
4
5
6
7
8
这是{% label @黄色的高亮 %}
这是primary{% label primary@紫色的高亮 %}
这是success{% label success@绿色的高亮, %}
这是info{% label info@蓝色的高亮 %}
这是warning{% label warning @橙色的高亮 %}
这是danger{% label danger@红色的高亮 %}
这是default{% label default @灰色的高亮 %}
这是mark html标签<mark>黄色高亮</mark>

按钮

按钮 简写代码按钮

这是一个有icon的按钮

这是一个有icon+文字的按钮

主页

这是一个打开百度链接的按钮

Baidu
## 超大按钮 超大的按钮，logo是用了text主题的source里面的

Baidu

百度一下

图形

修改hexo的_config.yml
图形

1
2
3
highlight:
  exclude_languages:
    - mermaid

修改next的_config.yml
图形

1
2
3
4
5
6
7
# Mermaid tag
mermaid:
  enable: true
  # Available themes: default | dark | forest | neutral
  theme:
    light: default
    dark: dark

饼图

pie showData
title 2022年全国人口分布
"0-14岁" : 16.9
"15-64岁" : 68.2
"65岁以上" : 14.9

多页签

修改next的_config.yml

1
2
3
4
5
6
7
# Tabs tag
tabs:
  # Make the nav bar of tabs with long content stick to the top.
  sticky: false
  transition:
    tabs: false
    labels: true

这里是方案1的内容

这里是方案2的内容

这里是方案3的内容

显示更多的语法
<!-- more -->

我是显示更多

这篇文章页写得不错：MarkDown语法超详细教程

百度一下，你就知道
知乎-有问题，就会有答案