CSDN-Markdown编写博客

---

前言

最近编写的UEFI开发探索系列，代码越来越多，编辑起来比较费力。
之前都是直接使用CSDN的富文本编辑方式，直接从自建的博客网站上，把内容拷贝到CSDN上。这种方式简单快速，最多需要调整下字体和图像就可以发布了。不过从体验上来看，Markdown的编辑方式，更符合阅读习惯。
因此，我花了一点时间，尝试着用Markdown编写了第一篇博客，效果还是不错（UEFI开发探索73）。后续篇幅较长的文章，都会采用Markdown方式编辑了，现在把遇到的一些问题记录下来，方便以后查阅。

---

1、帮助文档和基本快捷键

作为骨灰级星际和魔兽的玩家，学习新的编辑器时，我第一个想找的就是编辑器的快捷键。

在CSDN编辑界面中，提供了比较丰富的帮助文档，这是在编辑这篇文章时候的截图（套娃截图）：

图1 CSDN的Markdown编辑界面

帮助文档中提供的快捷键，可以常用用，提高编辑速度。

快捷键

Markdown	快捷键
撤销	Ctrl /⌘+Z
重做	Ctrl /⌘+Y
加粗	Ctrl /⌘+B
斜体	Ctrl /⌘+I
标题	Ctrl /⌘+Shift +H
有序列表	Ctrl /⌘+Shift +O
无序列表	Ctrl /⌘+Shift +U
待办列表	Ctrl /⌘+Shift +C
插入代码	Ctrl /⌘+Shift +K
插入链接	Ctrl /⌘+Shift +L
插入图片	Ctrl /⌘+Shift +G
查找	Ctrl /⌘+F
替换	Ctrl /⌘+G

2、细节问题

2.1 文字大小和颜色

博客最开始部分，我一般都会放上声明和链接地址。这部分的文字，希望更小些，不影响主要内容的阅读。

这些可以通过内嵌HTML的方式来实现。如下所示：

 <font color=#FF0000 size=2 face="黑体"> 红色黑体2号字
 <font color=#00FF00 size=3 face="STCAIYUN"> 绿色华文彩云3号字
 <font color=#0000FF size=4 face="宋体"> 蓝色宋体4号字

实际的效果：
红色黑体2号字
绿色华文彩云4号字
蓝色宋体6号字

其中，size用来规定文本的尺寸大小，可以设置为1至7。浏览器中默认的是3号字体。

我在系列博客篇首使用的为2号字，通过调整颜色来标识这段文字，如下：

<font color=#ff5555 size=2  >(请保留-> 作者: 罗冰   [https://blog.csdn.net/luobing4365](https://blog.csdn.net/luobing4365))

实际效果是这样的：
(请保留-> 作者: 罗冰 https://blog.csdn.net/luobing4365)

有的时候，文字需要居中显示，可以这么写：

<center>居中睥睨</center>

效果如下：

居中睥睨

2.2 图像调整

图像的大小不大可能每次都对，在Wordpress中，可以通过调整比例来显示图片。我希望在CSDN中也有类似的效果，试了写方法，是可以实现的。

CSDN有自己的图像服务器，将图片拷贝到编辑器上，图片会自动上传的。在Markdown的编辑器中，可以得到其地址。

比如本篇图1 的地址为：

https://img-blog.csdnimg.cn/20210125120525529.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x1b2Jpbmc0MzY1,size_16,color_FFFFFF,t_70

可以通过嵌入式HTML，来改变图像的大小。

代码如下（调整图像为原来的60%）：

<img src="https://i-blog.csdnimg.cn/blog_migrate/f2cc540cc41af05e79ee93145fd6bfbe.png" width="60%" >

实际效果如下：

图像的大小可通过width和height来设定，比如width=“640” height=“480”。注意width和height前面都有空格，一旦用了%来调整比例，width和height会有一个失效。

2.3 目录

目录比较简单，不需要做太多的动作，使用如下代码：

@[TOC](此处写文字)

目录会自动生成的，看本章见面的目录，就知道效果了。

2.4 表格

在博客中经常要用到各种表格，其格式也比较简单。

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

效果如下：

表头	表头
单元格	单元格
单元格	单元格

在表格内，可以规定不同的对齐方式：

1. -: 设置内容和标题栏居右对齐。
2. :- 设置内容和标题栏居左对齐。
3. :-: 设置内容和标题栏居中对齐。

示例如下：

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

效果是这样的：

左对齐	右对齐	居中对齐
单元格	单元格	单元格
单元格	单元格	单元格

Markdown的表格中，不支持“合并单元格”之类的操作，必须是NxM形式的表格。如果要实现，则必须使用HTML语言实现。

另外，为了在表格中实现换行和空格，所使用的HTML标签如下：

<br>  //实现换行
&nbsp; 或 &#160; 或 &#xA0;   //插入一个空格（注意包含分号）
&ensp; 或 &#8194; 或 &#x2002;  //插入两个空格（注意包含分号）
&emsp; 或 &#8195; 或 &#x2003;  //插入四个空格（注意包含分号）
&thinsp; 或 &#8201; 或 &#x2009; //插入细空格（注意包含分号）

总结

以上是我编写博客中遇到的一些问题，做个简单的记录。实际编写的时候，也可以使用CSDN提供的模版，对照着编写就可以了。

---