目录
参考
一、前言
总结一写在写博文时遇到的一些特殊格式的表达方式。不定时更新!
二、特殊格式
1、上标
示例如下:
```xml
$文本^{上标}$
```
效果如下:
文 本 上标 文本^{上标} 文本上标
2、下标
在下标前后加上"~",示例如下:
文本~下标~
效果如下:
文本下标
3、不等于
- 方法一:示例如下
数字1$\neq$数字2
效果如下:
数字1 ≠ \neq =数字2
- 方法二:示例如下
数字1 $\not=$数字2
效果如下:
数字1 ≠ \not= =数字2
4、空格
示例如下:
未缩进文本
缩进文本
 缩进文本
 缩进文本
效果如下:
未缩进文本
缩进文本
缩进文本
缩进文本
上述缩进语法依次缩进:1/4,1/2,1(单位:中文字符);输入几个特殊字符就表示几个空格;
5、带圈数字
直接从下方复制即可:
① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩
⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳
三、高亮文本
1、黄色高亮
在文本前后加上"==",示例如下:
==此为高亮文本==
效果如下:
此为高亮文本
2、粉色高亮
示例如下:
<code>粉色高亮文本</code>
效果如下:
粉色高亮文本
四、图片效果
1、图片居中
每次插入图片时,会在图片下方出现以下代码段,其中"#pic_center"即表示图片居中,示例如下:
![在这里插入图片描述](图片链接#pic_center)
2、图片靠左
改为"#pic_left"即可,示例如下:
![在这里插入图片描述](图片链接#pic_left)
3、图片靠右
改为"#pic_right"即可,示例如下:
![在这里插入图片描述](图片链接#pic_right)
4、修改图片大小
当我们插入图片时,默认的图片大小可能如下图所示,所占空间过大,那如何修改插入图片的大小呢,通过查看一些大佬们的博客,我总结了以下两种方法。
-
方法一:通过修改图片宽度修改图片大小
插入图片时,图片底部会有一串代码,如上图所示,其中黑线所划部分为图片链接,将其复制下来后,删除图片。以以下代码替换<img src="https://i-blog.csdnimg.cn/blog_migrate/5abed7583a0df87fab8b0910b385e81e.jpeg" width="宽度百分比">
示例如下:
<img src="https://i-blog.csdnimg.cn/blog_migrate/5abed7583a0df87fab8b0910b385e81e.jpeg" width="50%">
效果如下:
此时图片的居中设置可通过以下示例实现:<center><img src="https://img- blog.csdnimg.cn/2b4544441d604d5c99c1c5cb5f4cf567.jpeg" width="50%"></center>
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/5abed7583a0df87fab8b0910b385e81e.jpeg)
注意:此种修改图片大小方式只能设置图片居中,无法设置图片靠右,默认为 图片靠左。
- 方法二:通过修改图片像素方式修改图片大小。在插入图片时的默认代码后加上“=像素”,如下图示例
"=200x"与前面的代码之间需要有空格,上图为了举例没有添加空格
200x是指图像宽200像素,高的大小会自动按比例缩放,当然,可以同时指定宽和高的大小 200x200,但是会破坏比例。
效果如下所示:
五、文字格式
1、字体
使用以下代码改变文本字体样式
<font face="字体">文本</font>
示例如下:
<font face="宋体">宋体</font>
<font face="楷体">楷体</font>
<font face="华文行体">华文行体</font>
<font face="隶书">隶书</font>
效果如下:
宋体
楷体
华文行体
隶书
2、字体加粗
在需要加粗的文本前后加上" ** ",示例如下:
**加粗文本**
效果如下:
加粗文本
3、字体颜色
可通过以下代码修改字体颜色(关于颜色代码可查找此篇博文:关于颜色的十六进制对照表)
<font color=颜色或者颜色代码>文本内容</font>
示例如下:
<font color= #DC143C>文本内容</font>
<font color= MediumOrchidC>文本内容</font>
<font color= #00008B>文本内容</font>
<font color= SpringGreen>文本内容</font>
<font color= Yellow>文本内容</font>
<font color= #8B0000>文本内容</font>
效果如下:
文本内容
文本内容
文本内容
文本内容
文本内容
文本内容
4、字体大小
可通过以下代码修改字体大小:
<font size=字号>文本内容</font>
示例如下:
<font size=1>文本内容</font>
<font size=2>文本内容</font>
<font size=3>文本内容</font>
<font size=4>文本内容</font>
<font size=5>文本内容</font>
<font size=6>文本内容</font>
效果如下:
文本内容
文本内容
文本内容
文本内容
文本内容
文本内容
5、组合使用举例
只要了解了标签及属性的相关概念之后,本篇博文所述的技巧也可以组合使用。举例如下:
<font size="5" color="DarkOrange" face='华文行楷'>文本内容</font>
效果如下:
文本内容
六、表格
1、普通表格
在工具栏点击 “表格” 即能出现默认的两行两列的表格模板,如下所示:
| | |
|--|--|
| | |
示例如下:
| 数据1 | 数据2 |
|--|--|
| 65 | 88 |
效果如下:
数据1 | 数据2 |
---|---|
65 | 88 |
2、表格中换行
实际运用中,一个单元中可能会有多个数据,那么就需要换行操作分开多个数据,那么在MakeDowm
中如何实现单元格内换行呢?可以使用html
的<br>
标签实现。
示例如下:
| 数据1 | 数据2 |
|--|--|
| 65 | 88<br>65<br>74<br>39 |
效果如下:
数据1 | 数据2 |
---|---|
65 | 88 65 74 39 |
七、转义字符
在实际编辑过程中,如果只是想显示一些标签的字面内容而不想被转换,这时需要使用转义字符。一些常见的转义字符表如下所示:
实体 | 显示结果 | 描述 |
---|---|---|
< | < | 小于号 |
> | > | 大于号 |
& | & | 和 |
' | ' | 单引号 |
" | " | 双引号 |
| 空格 |
示例如下:
<Html>
效果如下:
<Html>
八、各种箭头符号
1、普通箭头
箭头形状 | MarkDown字符 |
---|---|
↑ \uparrow ↑ | $\uparrow$ |
⇑ \Uparrow ⇑ | $\Uparrow$ |
↓ \downarrow ↓ | $\downarrow$ |
⇓ \Downarrow ⇓ | $\Downarrow$ |
← \leftarrow ← | $\leftarrow$ |
⇐ \Leftarrow ⇐ | $\Leftarrow$ |
→ \rightarrow → | $\rightarrow$ |
⇒ \Rightarrow ⇒ | $\Rightarrow$ |
↕ \updownarrow ↕ | $\updownarrow$ |
⇕ \Updownarrow ⇕ | $\Updownarrow$ |
↔ \leftrightarrow ↔ | $\leftrightarrow$ |
⇔ \Leftrightarrow ⇔ | $\Leftrightarrow$ |
2、长箭头
箭头形状 | MarkDown字符 |
---|---|
⟵ \longleftarrow ⟵ | $\longleftarrow$ |
⟸ \Longleftarrow ⟸ | $\Longleftarrow$ |
⟹ \Longrightarrow ⟹ | $\Longrightarrow$ |
⟶ \longrightarrow ⟶ | $\longrightarrow$ |
⟷ \longleftrightarrow ⟷ | $\longleftrightarrow$ |
⟺ \Longleftrightarrow ⟺ | $\Longleftrightarrow$ |
3、其他箭头
箭头形状 | MarkDown字符 |
---|---|
↠ \twoheadrightarrow ↠ | $\twoheadrightarrow$ |
↣ \rightarrowtail ↣ | $\rightarrowtail$ |
↬ \looparrowright ↬ | $\looparrowright$ |
↻ \circlearrowright ↻ | $\circlearrowright$ |
↱ \Rsh ↱ | $\Rsh$ |
⊸ \multimap ⊸ | $\multimap$ |
↭ \leftrightsquigarrow ↭ | $\leftrightsquigarrow$ |
⇝ \leadsto ⇝ | $\leadsto$ |
↗ \nearrow ↗ | $\nearrow$ |
↘ \searrow ↘ | $\searrow$ |
↙ \swarrow ↙ | $\swarrow$ |
↖ \nwarrow ↖ | $\nwarrow$ |
↚ \nleftarrow ↚ | $\nleftarrow$ |
⇍ \nLeftarrow ⇍ | $\nLeftarrow$ |
↛ \nrightarrow ↛ | $\nrightarrow$ |
⇏ \nRightarrow ⇏ | $\nRightarrow$ |
↮ \nleftrightarrow ↮ | $\nleftrightarrow$ |
⇎ \nLeftrightarrow ⇎ | $\nLeftrightarrow$ |
⇢ \dashrightarrow ⇢ | $\dashrightarrow$ |
⇇ \leftleftarrows ⇇ | $\leftleftarrows$ |
⇆ \leftrightarrows ⇆ | $\leftrightarrows$ |
⇚ \Lleftarrow ⇚ | $\Lleftarrow$ |
↞ \twoheadleftarrow ↞ | $\twoheadleftarrow$ |
↢ \leftarrowtail ↢ | $\leftarrowtail$ |
↫ \looparrowleft ↫ | $\looparrowleft$ |
↶ \curvearrowleft ↶ | $\curvearrowleft$ |
4、箭头形状
箭头形状 | MarkDown字符 |
---|---|
↺ \circlearrowleft ↺ | $\circlearrowleft$ |
↦ \mapsto ↦ | $\mapsto$ |
↩ \hookleftarrow ↩ | $\hookleftarrow$ |
↪ \hookrightarrow ↪ | $\hookrightarrow$ |
↾ \upharpoonright ↾ | $\upharpoonright$ |
↿ \upharpoonleft ↿ | $\upharpoonleft$ |
⇂ \downharpoonright ⇂ | $\downharpoonright$ |
⇃ \downharpoonleft ⇃ | $\downharpoonleft$ |
↼ \leftharpoonup ↼ | $\leftharpoonup$ |
⇀ \rightharpoonup ⇀ | $\rightharpoonup$ |
⇁ \rightharpoondown ⇁ | $\rightharpoondown$ |
↽ \leftharpoondown ↽ | $\leftharpoondown$ |
⇈ \upuparrows ⇈ | $\upuparrows$ |
⇊ \downdownarrows ⇊ | $\downdownarrows$ |
⇉ \rightrightarrows ⇉ | $\rightrightarrows$ |
⇄ \rightleftarrows ⇄ | $\rightleftarrows$ |
⇇ \leftleftarrows ⇇ | $\leftleftarrows$ |
⇆ \leftrightarrows ⇆ | $\leftrightarrows$ |
⇌ \rightleftharpoons ⇌ | $\rightleftharpoons$ |
⇋ \leftrightharpoons ⇋ | $\leftrightharpoons$ |