Loading... <div class="tip inlineBlock share"> markdown是一种轻量级的标记语言，常常被用来写博客，在R语言中，通过rmarkdown写分析报告也是非常方便的，markdown可以被转为html，pdf，word格式文档 </div> ## <font color=red>标题</font> 用`n个# title`号表示，其中1<=n<=6，title为标题内容，注意空格。 <span style="background-color:#FF0000">**标题前必须空一行！** </span> 例子： ```markdown # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 ``` 效果： # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 ## 文字 ### 更改字体、大小、颜色 ```html <font face="黑体">我是黑体字</font> <font face="微软雅黑">我是微软雅黑</font> <font face="STCAIYUN">我是华文彩云</font> <font color=red>我是红色</font> <font color=#008000>我是绿色</font> <font color=Blue>我是蓝色</font> <font size=5>我是尺寸</font> <font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font> ``` 效果： <font face="黑体">我是黑体字</font> <font face="微软雅黑">我是微软雅黑</font> <font face="STCAIYUN">我是华文彩云</font> <font color=red>我是红色</font> <font color=#008000>我是绿色</font> <font color=Blue>我是蓝色</font> <font size=5>我是尺寸</font> <font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font> ### 为文字添加背景色 由于 style 标签和标签的 style 属性不被支持，所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置，只是将那一整行看作一个表格，更改了那个格子的背景色（bgcolor） Markdown语法 ```html <table><tr><td bgcolor=yellow>背景色yellow</td></tr></table> ``` Typecho支持style 标签和标签的 style 属性所以可以使用下面的方式 要像這樣在文字下加底色來突出某些字眼嗎？只要在文字間加上如下代碼： ``` <span style="background-color:#FFFF00">加底色突出字眼</span> ``` 當然，**#FFFF00** 顏色代碼是可以隨意改變的。 效果如下 <table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>## 链接 用`[title](URL)`表示，其中title为链接标题，URL为链接。 语法： ``` [超链接名](超链接地址 "超链接title") title可加可不加 ``` 例子： ```markdown [R语言--不均衡问题处理](https://mp.weixin.qq.com/s/fitU6XxgwlONQ1aqLItPdg ``` 效果： [R语言--不均衡问题处理](https://links.jianshu.com/go?to=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2FfitU6XxgwlONQ1aqLItPdg) ### 字体效果 #### 斜体 用`*italics*`或者`_italics_`表示，其中italics为斜体的内容，前后各一个`*`或者`_`符号。 例子： ```undefined *斜体字* _斜体字_ ``` 效果： *斜体字* *斜体字* #### 加粗 用`**bold**`或者`__bold__`表示，其中bold为加粗的内容，前后各两个`*`或`_`符号。 例子： ```undefined **粗体字** __粗体字__ ``` 效果： **粗体字** **粗体字** #### 粗斜体 用`***text***`或者`___text___`表示，其中text为粗斜体内容，前后各三个`*`或`_`符号。 例子： ```undefined ***粗斜体字*** ___粗斜体字___ ``` 效果： ***粗斜体字*** ***粗斜体字*** #### 删除线 用`~~text~~`表示，其中text为删除的文本，前后各两个`~`符号。 例子： ```undefined ~~删除~~ ``` 效果： ~删除~ ## 表格 **markdown表格模板：**<br> ```markdown title1 | title2 |title3 #此行是表格的列项目名 :-|:-:|-: #此行指定对齐方式 test text 1| text text2| test text3 #表格内的实际内容 ``` title1 | title2 |title3 :-|:-:|-: test text 1| text text2| test text3 <br>**-** : 不对齐 <br>**:-** : 左对齐 <br>**:-:** : 居中对齐 <br>**-:** : 右对齐 ### 录入特殊符号 #### `｜` <br>字符`|`在markdown中是表格的格式修饰字符有时候需要在表格中会作为内容出现在表格中，<br>此时就需要转义掉它，使`|`失去原本的修饰格式的作用，<br>或者使用特殊的输入方式。 <br>**情景1:使用`\`转义** <br>原始格式 ``` |a | r | |-|-| |`a += x;` | r1| | a \|= y; | r2 | ``` <br>显示效果： |a | r | |-|-| |`a += x;` | r1| | a \|= y; | r2 <br>**情景2: 用`\|`或`"\|`代替竖线** <br>原始格式： ``` | a | r | |-|-| | `a += x;` | r1 | | a |= y; | r2 | #注意此行的空格 ``` <br>显示效果： | a | r | |-|-| | `a += x;` | r1 | | a | = y; | r2 | <br>PS：编辑HTML时，输入&#124; 最终可以显示为|<br>即用`&`代替`&` <br>输入`<code>`可以显示为`<code>` <br>**其它可显示为`|`的字符代码:** <br>`|`<br>`|`<br>`|`<br>`|` ## 图片 用``表示，其中title为图片的替代文字，URL为图片的地址。地址可以网络地址或本地地址。 ```  图片alt就是显示在图片下面的文字，相当于对图片内容的解释。 图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加 ``` 例子： ```markdown  ``` 效果：  图片地址后的`"markdown"`如下所示也可以不加，效果是一样的。 ```markdown  ``` ### 图片大小 ```html <img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%" > ``` `width=`和`height=`的值可以是百分比也可以是具体的像素值 `<img>`标签来似乎自于html标记语言与html是兼容的。 效果： <img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%" > 如果是`Mou编辑器`还可以支持以下方式 ```markdown    ``` 注意：`=`号前面有一个空格 还可以使用支持图片大小调整API的图床 ### 图片位置 **居中** ```html <div align=center><img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%"></div> ``` 效果： <div align=center><img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%"></div> **左对齐** ```html <div align=left><img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%"></div> ``` **右对齐** ```html <div align=right><img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%"></div> ``` <div class="tip inlineBlock warning"> 本blog是基于`Typecho+handsome`似乎不支持用上面的代表实现相应的图片位置调整， 经多方查证资料好像说是对一些语法支持不完美，于是找到下面的有效果的方式。 </div> **左对齐** ```html <img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%" align=left> ``` **右对齐** ```html <img src="https://pic2.zhimg.com/80/v2-da6a8f99574d276119c81b2ab3a7e9c1_720w.jpg" width="30%" height="30%" align=right> ``` ## 段落效果 ### 换行 用`行末加上n个空格`表示，其中n>=2。 例子： ```undefined 第一行(行末2个空格) 第二行 ``` 效果： 第一行(行末2个空格) 第二行 1、缩进 在使用MarkDown编辑文本的时候，为了凸显层级关系，需要缩进，搜索了一下，常用的锁紧方法如下： 半角空格:`  `或 ` ` 全角空格: ` `或 ` ` 不换行空格: ` `或 ` ` 联系代码如下 **不换行空格** 小桥流水人家 **半角空格**  小巧六岁人家 **全角空格**  小巧六岁人家 不换行空格、半角空格和全角空格关系，如下： 1个`  `= 2个` ` = 4个` ` ### 首行缩进 用`全角的n个空格`实现，其中n一般为2，表示首行缩进两个字符。 例子： ```undefined 测试文本1， 测试文本2. ``` 效果： 测试文本1， 测试文本2！ ### 分割线 三个或者三个以上的 - 或者 * 都可以 例子： ```undefined ---- ``` 效果： --- ## 引用/区块 用`>text`表示，其中text表示引用（区块）的内容。**引用前必须空一行！** 效果： > 引用的内容 引用也可以嵌套，如加两个>>三个>>> n个... 貌似可以一直加下去，但没神马卵用 示例： ```ruby >这是引用的内容 >>这是引用的内容 >>>>>>>>>>这是引用的内容 ``` 效果如下： > 这是引用的内容 > > 这是引用的内容 > > > > > > > > > > 这是引用的内容 ## 列表 列表分为无序列表和有序列表。**列表前必须空一行！** ### 无序列表 无序列表用`*(或+、-) text`表示，其中text为列表内容，注意空格。 效果： + 第一项 - 第二项 * 第三项 ### 有序列表 有序列表用`n. text`表示，其中n>=0，text为列表内容，注意空格。 效果： 1. 第零项 2. 第一项 3. 第二项 4. 第三项 ### 嵌套列表 嵌套列表指无序列表和有序列表混合在一起使用。嵌套时需要**相对父项在子项的前面加上`2个Tab`** 。 例子： ```undefined * 第一级1 1. 第二级1 * 第三级1 * 第三级2 2. 第二级2 1. 第三级1 2. 第三级2 * 第一级2 * 第二级1 * 第三级1 * 第三级2 * 第二级2 * 第三级1 * 第三级2 ``` 效果： * 第一级1 1. 第二级1 * 第三级1 * 第三级2 2. 第二级2 1. 第三级1 2. 第三级2 * 第一级2 * 第二级1 * 第三级1 * 第三级2 * 第二级2 * 第三级1 * 第三级2 ## 表格 单元格的分隔符用`|`表示。表头的分隔符用`-`表示。**表格前必须空一行！** * `:-`或`-`（默认）表示表头和单元格左对齐 * `-:`表示表头和单元格右对齐 * `:-:`表示表头和单元格居中对齐 例子： ```ruby 左对齐表头|右对齐表头|居中对齐表头 :-|-:|:-: 左对齐单元格|右对齐单元格|居中对齐单元格 左对齐单元格|右对齐单元格|居中对齐单元格 ``` 效果： | 左对齐表头 | 右对齐表头 | 居中对齐表头 | :-|-:|:-: | 左对齐单元格 | 右对齐单元格 | 居中对齐单元格 | | 左对齐单元格 | 右对齐单元格 | 居中对齐单元格 | ## 代码 markdown插入代码分为行内代码和多行代码。多行代码嵌套多行代码或行内代码用`Tab`实现，行内代码嵌套行内代码或多行代码用`空格`实现。 ### 行内代码 行内代码用\`\`包裹代码，也可以包裹文本、符号等其他内容。 例子： ```go `code` ``` 效果： `code` ### 多行代码 多行代码用两个\`\`\`包裹一段代码，并可指定一种编程语言进行高亮。 例子： ```go ```r library(lubridate) now() ``` ``` 效果： ```r library(lubridate) now() ``` ## HTML标签 markdown是轻量级的标记语言，支持少数的HTML标签。有的markdown功能用HTML标签也能实现，如也可以用`<br>`标签实现换行。 支持的HTML标签有：``、`<b>`、`<i>`、`<em>`、`<sup>`、`<sub>`、`<br>`等。 例子： ```xml 第一行<br>第二行 ``` 效果： 第一行 第二行 ## 转义 Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示原本的符号则需要使用转义字符，**Markdown 使用反斜杠`\`转义特殊字符** 。 例子： ```undefined **加粗** \*\*不会加粗\*\* ``` 效果： **加粗** **不会加粗** 其他支持的符号有： | 符号 | 解释 | | ------ | ---------- | | ` | 反引号 | | * | 星号 | | _ | 下划线 | | {} | 花括号 | | [] | 方括号 | | () | 小括号 | | # | 井字号 | | + | 加号 | | - | 减号 | | . | 英文句点 | | ! | 感叹号 | ## 公式 使用美元符`$`包裹TeX或LaTeX格式的数学公式来实现。 ### 行内公式 在文字中插入公式，用1个`$`符号包裹公式。 例子： ```ruby 勾股定理：$c^2=a^2+b^2$，其中c为斜边。 ``` 效果： 勾股定理：，其中c为斜边。 ### 行间公式 插入独占一行的公式，用2个`$`符号包裹公式。 例子： ```ruby 勾股定理： $$c^2=a^2+b^2$$ 其中c为斜边。 ``` 效果： 勾股定理：  其中c为斜边。 当公式较长时，也可以分行写。 例子： ```swift $$ \displaystyle \left( \sum\_{k=1}^n a\_k b\_k \right)^2 \leq \left( \sum\_{k=1}^n a\_k^2 \right) \left( \sum\_{k=1}^n b\_k^2 \right) $$ ``` 效果： %5E2%20%5Cleq%20%5Cleft(%20%5Csum%5C_%7Bk%3D1%7D%5En%20a%5C_k%5E2%20%5Cright)%20%5Cleft(%20%5Csum%5C_%7Bk%3D1%7D%5En%20b%5C_k%5E2%20%5Cright)) ### Latex数学公式 Latax写数学公式，有较多语法。如`^`符号表示上标，`_`表示下标等。下面列举Latex数学公式中的一些符号的表示方法，其他的可自行百度。 | Latex | 含义 | | -------- | ------------ | | ^ | 上标 | | _ | 下标 | | \times | 乘 | | \div | 除 | | \sum | 累积和 | | \sqrt | 根号 | | \alpha | 希腊字母α | ## 流程图 ``` ```flow st=>start: 开始 op=>operation: My Operation cond=>condition: Yes or No? e=>end st->op->cond cond(yes)->e cond(no)->op &``` ``` 效果如下： `Typecho`支持流程图，所以截了个图  最后修改：2021 年 07 月 02 日 07 : 05 PM © 允许规范转载 赞赏 如果觉得我的文章对你有用，请随意赞赏 赞赏作者