CSDN博文写作技巧

安娜_beier

已于 2024-06-05 15:08:02 修改

阅读量942

点赞数 4

文章标签：笔记经验分享

于 2023-06-14 13:50:36 首次发布

本文链接：https://blog.csdn.net/tff_just_so_so/article/details/131203253

版权

本文详细介绍了Markdown中的一系列格式设置，包括上标、下标、不等于符号的表示，以及空格、带圈数字的插入。此外，还讲解了文本高亮、图片对齐和尺寸调整的方法，字体、颜色和大小的控制，表格创建和换行，以及各种转义字符和箭头符号的使用。这些技巧对于提升Markdown文档的可读性和美观性大有帮助。

摘要由CSDN通过智能技术生成

参考

【Markdown 箭头的输入方法汇总】

一、前言

总结一写在写博文时遇到的一些特殊格式的表达方式。不定时更新！

二、特殊格式

1、上标

示例如下：

```xml
$文本^{上标}$
```

效果如下：

$文本^{上标}$

2、下标

在下标前后加上"~"，示例如下：

文本~下标~

效果如下：

文本_下标

3、不等于

方法一：示例如下

数字1$\neq$数字2

效果如下：

数字1 $\neq$ 数字2

方法二：示例如下

数字1 $\not=$数字2

效果如下：

数字1 $\not=$ 数字2

4、空格

示例如下：

未缩进文本 
&nbsp;缩进文本
&ensp;缩进文本
&emsp;缩进文本

效果如下：
未缩进文本
缩进文本
缩进文本
缩进文本

上述缩进语法依次缩进：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>

效果如下：

注意：此种修改图片大小方式只能设置图片居中，无法设置图片靠右，默认为图片靠左。

方法二：通过修改图片像素方式修改图片大小。在插入图片时的默认代码后加上“=像素”，如下图示例

在这里插入图片描述
"=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

七、转义字符

在实际编辑过程中，如果只是想显示一些标签的字面内容而不想被转换，这时需要使用转义字符。一些常见的转义字符表如下所示：

实体	显示结果	描述
<	<	小于号
>	>	大于号
&	&	和
'	'	单引号
"	"	双引号
		空格

示例如下：

&lt;Html&gt;

效果如下：
<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$