MarkDown | 语法
MarkDown | 语法
Prong一级标题
二级标题
三级标题
每写完一个段落要隔一行空行.
就像这样, 隔了一行空行.
分割线
重点加粗
斜体
删除线
#列表:
- 无序列表
- 嵌套无序列表
- 嵌套无序列表
- 无序列表
- 无序列表
- 有序列表 1
- 嵌套有序列表 1
- 嵌套有序列表 2
- 有序列表 2
- 有序列表 3
#引用文本:
引用别人说的话
就这样写
By. OrangeX4
代码
这是 行内代码
语法.
代码块语法:
1 | print("Hello, World!") |
1 | printf("Hello, world!") |
请将 ’ 替换成 `.
超链接
例如, 可以使用网址和图床:
也可以在本地用相对地址:
表格:
表头 | 表头 |
---|---|
内容 | 内容 |
内容 | 内容 |
注释:
任务列表:
- [x] 已经完成的事 1
- [x] 已经完成的事 2
- [x] 已经完成的事 3
- [ ] 仍未完成的事 4
- [ ] 仍未完成的事 5
代码行数的显示:
1 | function add(x, y) { |
注意要将 ’ 替换成 `.
图床上传代码
打开当前目录下的终端并输入
python -m markdown_img
标签外挂
label
高亮需要的文字
textGallery图库
1 | {% gallery %} |
mermaid
使用mermaid标签可以绘制Flowchart(流程图)、Sequence diagram(时序图 )、Class Diagram(类别图)、State Diagram(状态图)、Gantt(甘特图)和Pie Chart(圆形图),具体可以查看mermaid文档
- 修改主题配置文件
1 | # mermaid |
- 语法
在博客里这样写
1 | {% mermaid %} |
例如
1 | {% mermaid %} |
1 | pie |
上式为vscode中写法
note
移植于next主题,并进行修改。
包括:
- default
- primary
- success
- info
- warning
- danger
修改 主题配置文件
1 | note: |
icons
和light_bg_offset
只对方法一生效
Note 标签外挂有两种用法
1 | {% note [class] [no-icon] [style] %} |
名称 | 用法 |
---|---|
class | 【可选】标识,不同的标识有不同的配色( default / primary / success / info / warning / danger ) |
no-icon | 【可选】不显示 icon |
style | 【可选】可以覆盖配置中的 style(simple/modern/flat/disabled) |
语法如下
默认 提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
modern
flat
<div class="page flex-col">
<div class="box_3 flex-col" style="
display: flex;
position: relative;
width: 100%;
height: 206px;
background: #ef859d2e;
top: 0;
left: 0;
justify-content: center;
"><div class="section_1 flex-col" style="
background-image: url("https://prong-1316442664.cos.ap-nanjing.myqcloud.com/picgo/202301242359645.webp");
position: absolute;
width: 152px;
height: 152px;
display: flex;
top: 130px;
background-size: cover;
"></div></div>
<div class="box_4 flex-col" style="
margin-top: 92px;
display: flex;
flex-direction: column;
align-items: center;
">
<div class="text-group_5 flex-col justify-between" style="
display: flex;
flex-direction: column;
align-items: center;
margin: 0 20px;
">
<span class="text_1" style="
font-size: 26px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #000000;
line-height: 37px;
text-align: center;
">嘿!你在 ${SITE_NAME} 博客中收到一条新回复。</span>
<span class="text_2" style="
font-size: 16px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #00000030;
line-height: 22px;
margin-top: 21px;
text-align: center;
">你之前的评论 在 ${SITE_NAME} 博客中收到来自 ${NICK} 的回复</span>
</div>
<div class="box_2 flex-row" style="
margin: 0 20px;
min-height: 128px;
background: #F7F7F7;
border-radius: 12px;
margin-top: 34px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px 16px;
width: calc(100% - 40px);
">
<div class="text-wrapper_4 flex-col justify-between" style="
display: flex;
flex-direction: column;
margin-left: 30px;
margin-bottom: 16px;
">
<span class="text_3" style="
height: 22px;
font-size: 16px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #C5343E;
line-height: 22px;
">${PARENT_NICK}</span>
<span class="text_4" style="
margin-top: 6px;
margin-right: 22px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
line-height: 22px;
">${PARENT_COMMENT}</span>
</div><hr style="
display: flex;
position: relative;
border: 1px dashed #ef859d2e;
box-sizing: content-box;
height: 0px;
overflow: visible;
width: 100%;
"><div class="text-wrapper_4 flex-col justify-between" style="
display: flex;
flex-direction: column;
margin-left: 30px;
">
<hr>
<span class="text_3" style="
height: 22px;
font-size: 16px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #C5343E;
line-height: 22px;
">${NICK}</span>
<span class="text_4" style="
margin-top: 6px;
margin-right: 22px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
line-height: 22px;
">${COMMENT}</span>
</div>
<a class="text-wrapper_2 flex-col" style="
min-width: 106px;
height: 38px;
background: #ef859d38;
border-radius: 32px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
margin: auto;
margin-top: 32px;
" href="${POST_URL}">
<span class="text_5" style="
color: #DB214B;
">查看详情</span>
</a>
</div>
<div class="text-group_6 flex-col justify-between" style="
display: flex;
flex-direction: column;
align-items: center;
margin-top: 34px;
">
<span class="text_6" style="
height: 17px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00000045;
line-height: 17px;
">此邮件由评论服务自动发出,直接回复无效。</span>
<a class="text_7" style="
height: 17px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #DB214B;
line-height: 17px;
margin-top: 6px;
text-decoration: none;
" href="${SITE_URL}">前往博客</a>
</div>
</div>
</div>
评论
匿名评论隐私政策
✅ 你无需删除空行,直接评论以获取最佳展示效果