Markdown 使用

目录

• 修改插入图片大小
• 常用链接
• 颜色
• 字体
• 字号
• 流程图
• 删除线
• 选择框
• 表格
• VS code 中 Markdown 转换 PDF 去除页眉页脚
• VS code 中 Markdown 转换 PDF 数学公式显示问题解决
• 博客园打赏功能

修改插入图片大小

<img src="图片地址" style="zoom:60%">

常用链接

• Markdown 综合实例

• 数学公式与特殊字符

• 自动生成目录

• 脚注尾注

  • 欧拉有向图很重要^[1]

• 目录设置

  • 在 Markdown 中，自动生成目录非常简单，只需要在恰当的位置添加 [TOC] 符号，凡是以 # 定义的标题都会被编排到目录中

颜色

<font color=blue>内容</font>

字体

<font face="KaiTi">这里是楷体</font>
楷体 "KaiTi"
黑体 "HeiTi"
宋体 "SimSun"

这里是默认字体
这里是黑体
这里是楷体
这里是宋体

字号

<font size="3">3号字 默认</font>

1号字 最小
2号字
3号字 默认

类似的可以定义 4-7 号字体

流程图

• 时序图

• 甘特图

• 饼图

pie title 宠物的选择 "狗" : 386 "猫" : 85 "兔子" : 15

• 分组是倒序显示

graph LR subgraph 第二组 D[/Good/] --yes--- E[\TO/] --- F[/You\] --- G[/Me/] end subgraph 第一组 A((起床)) -.yes.- B(早饭) --> H{{工作}} -.- I[[咖啡]] A((起床)) -.yes.- K(洗漱) A((起床)) === C{锻炼} end

```mermaid
graph LR 
    subgraph 第二组
    D[/Good/] --yes---  E[\TO/] --- F[/You\] --- G[/Me/]
    end
    subgraph 第一组
    A((起床)) -.yes.- B(早饭) === C{锻炼} --> H{{工作}} -.- I[[咖啡]]
    end```

- 节点之间的连接线分为：实线 '---'、加粗实线 '==='、虚线 '-.-'。
- 带箭头的连接线分为：带箭头实线 '-->'、带箭头加粗实线 '==>'，带箭头虚线 '-.->'。
- 如果要在连接线上加上备注，则上面两类加备注的方式如下：
- 实线备注 '--yes---'，加粗实线备注 'yes='，虚线备注 '-.yes.-'。
- 带箭头实线备注 '--yes-->'，带箭头加粗实线备注 'yes>'，带箭头虚线备注 '-.yes.->'

删除线

~~内容~~ 内容

选择框

- [x] 和 - [ ]

• 选项 A
• 选项 B
• 选项 C

表格

| 姓名      | 性别     |  函数  |
| :---:     | :---:   | :---:  |
| Header    | Title   | $g(x)$ |
| Paragraph | Text    | $g(x)$ |
| $f(x^2)$  | Text    | $g(x)$ |

姓名	性别	函数
Header	Title	\(g(x)\)
Paragraph	Text	\(g(x)\)
\(f(x^2)\)	Text	\(g(x)\)

VS code 中 Markdown 转换 PDF 去除页眉页脚

• 打开 vscode, 选择 File -> Preferences -> Settings -> Extensions -> Markdown-pdf configuration ->Display Header Footer，取消该选择框前的对勾即可。

VS code 中 Markdown 转换 PDF 数学公式显示问题解决

• 进入扩展插件的template.html文件夹

• Windows 位置

C://Users/username/.vscode/extensions/yzane.markdown-pdf-1.4.1/template/template.html

• Mac 位置

/Users/username/.vscode/extensions/yzane.markdown-pdf-1.4.1/template/template.html

• 将如下代码添加到最后两行

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$', '$']]}, messageStyle: "none" });</script>

博客园打赏功能

• 上传 bmp 格式的支付宝和微信收款码到博客园“文件”中。
• 复制下面的代码并修改其中第 8-9 行，把图片地址更改为自己博客园中收款码的地址。
• 进入管理--设置，往下拉找到【页首Html代码】，把修改完的js代码粘贴到里面即可。

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> MathJax.Hub.Config({ extensions: ["tex2jax.js","TeX/noErrors.js","TeX/AMSsymbols.js"], jax: ["input/TeX","output/HTML-CSS"], tex2jax: { inlineMath: [['$','$'],["\\(","\\)"]], displayMath: [['\\[','\\]'], ['$$','$$']] }, "HTML-CSS": {availableFonts:["TeX"]} }); </script>
<script>
window.tctipConfig = {
        imagePrefix: "https://files.cnblogs.com/files/kdy11/",
        cssPrefix:     "https://files.cnblogs.com/files/kdy11",
        buttonImageId:  4,
        buttonTip:  "dashang",
        list:{
            alipay: {qrimg: "https://files-cdn.cnblogs.com/files/blogs/778932/zfb.bmp?t=1672245588"},
            weixin: {qrimg: "https://files-cdn.cnblogs.com/files/blogs/778932/wx.bmp?t=1672245576"},
        }
};
</script>
<script src="https://files.cnblogs.com/files/kdy11/tctip.min.js"></script>

---

1. 欧拉图是最早的图论概念之一. ↩︎