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)

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://img-blog.csdnimg.cn/20210125120525529.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x1b2Jpbmc0MzY1,size_16,color_FFFFFF,t_70" width="60%" >

实际效果如下:

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

2.3 目录

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

@[TOC](此处写文字)

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

总结

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


已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页