Markdown博客模板

Markdown博客模板

作者：不染心

时间：2022/6/5

源码地址：https://download.csdn.net/download/qq_38234785/85557796

目录

一、标题

语法格式：#+空格+标题，一个#是一级标题，两个##是两级标题，以此类推，支持六级标题

二、字体

• 加粗语法格式：**加粗**

• 斜体语法格式：*斜体*

• 斜体加粗语法格式：``斜体加粗`

• 删除线 语法格式：~~删除线~~

• 高亮

  语法格式：==高亮==

三、引用

语法格式：>+引用文字

我是引用文字

引用也可以嵌套：

如加两个>>

三个>>>

支持无线套娃~~

四、分割线

---

语法格式：三个或者三个以上的 - 或者 * 都可以，如***

五、图片

5.1 单张图片

语法格式：![alt](图片地址 ''title'')

alt 指的是当图片链接失效时显示的提示文字，可加可不加 title是图片的标题，当鼠标移到图片上时显示的内容，可加可不加

标题

你也可以通过如下代码为图片添加图注：

<center>
    <img style="border-radius: 20px;"
         src="https://mmbiz.qpic.cn/mmbiz_jpg/wic3gC6OynIGOG7DSt4mlp7j6xpJtEtm9dchOzyzGMEgRwabjqn3DjTQhicjUiab5NvXd03Yb1sFibgXwNBI4upic5w/640" 
         alt="baymax"
         width="50%" ><br/>
    <span>标题</span>
</center>

• 标签设置图片居中对齐
• border-radius设置圆角
• src放置图片路径（本地路径或网络路径）
• alt放置图片链接失效后的显示文字
• width设置图片宽度（witdh和height只设置一个即可，等比例缩放）

5.2 多张图片

---

通过如下代码为图片分栏：

项目后端框架图

项目后端框架图

<hr>
<table>
<tr>
    <td>
        <div  align="center">
        <img src="https://gitee.com/diyunlong/images-lib/raw/master/img/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220605154929.jpg" width = "70%"  alt="水印" style="border-radius: 20px;"/>
        <br>
        <span>项目后端框架图</span>
    </td>
    <td>
        <div  align="center">
        <img src="https://gitee.com/diyunlong/images-lib/raw/master/img/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220605154929.jpg" width = "70%"  alt="水印" style="border-radius: 20px;"/>
        <br>
        <span>项目后端框架图</span>
    </td>
</tr>

六、超链接

语法格式：[超链接名](超链接地址)

七、列表

• 无序列表

语法格式：无序列表用 - + * 任何一种都可以，如+ 我是无序列表

加号和内容之间需要放置一个空格

• 有序列表

语法格式：数字+点+空格+内容，如1. 我是有序列表

• 子列表

在子列表前按下tab键即可构成子列表。

八、表格

语法格式：

|左对齐|居中对齐|右对齐|
|:----|:----:|---:|
|左|中|右|

左对齐

居中对齐

右对齐

左	中	右

第二行分割表头和内容，并声明内容的对齐格式。一般而言，不这么用，感觉太费劲了，下面再介绍快捷键。

九、图标

符号	效果
:label:
:book:
:leaves:
:leaves:
:boom:

十、自定义Typora主题

自己修改的主题

打造一套全村最亮的Typora主题

下载地址