让博客文章赏心悦目：字体颜色和标题设置

前言

很多人都想知道如何把文章写的赏心悦目，让人愿意看下去，更进一步可以投稿。

这里就先列出来常见的问题，如果发现你也有类似的疑问，那么这篇文章可以帮到你；

1、没有分级标题，一篇文章一个字体从头杀到尾。

2、很少插入图片，缺乏视觉新鲜感，容易视觉疲劳。

3、代码块与文章堆在一起，换行混乱，看着烦躁。

4、不会插入目录，想要找到想看的部分很耗费时间。

5、没有字体颜色和高亮，很难区分重点内容。

不过也有特例，比如小阳子：

还有还有！文章里要有大奈奈美女，没有的我看都不看一眼。

​ ——小阳子

1 分级标题

在markdown语法中，在文字前加上“#”并且带上一个空格，就是设置为标题的意思。

一级标题 一个 #

二级标题 两个 #

以此类推；

（）# 1 // # 1

（）## 2 // ## 2

（）### 3 // ### 3

一般最多用到六级标题，也就是六个#；

1.1 标题=逻辑

学会了设置分级标题可不能乱用啊，标题设置不合理更可怕。

不设置分级标题 == 没人看

乱设置标题 == 会被骂

​ ——小阳子

正如我这个三级标题所写，逻辑赋值给标题。

文章的标题要根据内容的逻辑关系来设置，不能从头到尾都是一级标题，也不能三级标题套二级标题。

反正是草稿，写完以后记得自己捋一遍思路，在发布文章。

2 图片和图床

介于平台不同，需要选择不同的方式，比如 CSDN 支持本地直接上传图片但是不支持路过图床；githubpage不支持本地直接拖拽上传的图片，但是支持路过图床。

具体看自己需求，实在没时间去鼓捣图床也行。也就上传文章的时候费个几分钟时间。图床教程还没有计划写，看情况更新。我认为没有这个必要。

有了图床，我可以在里面放我的 大奈奈老婆 吗？
—— 小阳子

可以，还可以放大长腿腿老婆。

图床是什么？

你可以理解为一个存图片的网盘，他对外开放链接访问。

2.1 什么时候需要插入图片？

按照惯例来说，在需要图片辅助解释的情况下需要插入相应的图片。

但这都只是惯例，写文章不必要追求范式化，千篇一律，那多无趣啊。

所以无论是表情包、风景甚至是自拍都可以（强烈建议，有助于脱单），这些都可以根据你的风格进行选择，喜欢啥就放啥，因为这是互联网时代少有的，可以由你自己决定他模样的地方。

我要放大奈奈老婆图片！ ——小阳子

2.2 图片处理

这是进阶一点的操作，可以慢慢来。

图片处理，要从截图开始说。截图要截的是你需要的地方，我见过有的人截图把整个桌面都搞下来，桌面的乱七八糟暴露了不说，别人找你所谓的重点都难，找到了也看不清。

裁剪，有时候图片太大，不必要的信息太多都是需要进行裁剪的。具体怎么做就不教了。

打码！所有你图片里出现的私密性信息都要打码。比如你的服务器ip ，文件路径，姓名电话等都会成为黑客的突破口。

3 目录生成

这个so easy ！

只需要在你的文章最前面打上以下内容，然后敲一个回车，大功告成。

@[toc]

如果你要问我 “ [] " 怎么打出来，你可以把电脑扔了，你不适合学这个。

4 代码块公式块

像这样的段落，叫代码块。
不仅可以将代码和文章区分开来，还可以显示出来代码的语言。
具体语法就是前后三个 '`'
键盘上和“~”在一起

​```python
.......

​```

公式块：
$$像这样的是公式块，很明显，是两个美元符号构成“$$”
$$

---

---

5 字体颜色和高亮

5.1 颜色

改变字体颜色可以更方便的找到重点，具体操作就是使用下面HTML语法：

<font color='red'>这里输入字</font>

<font color='cornflowerblue'>这里输入字</font>

<font color='orange'>这里输入字</font>

5.1.1 快捷键实现改变字体颜色

这里需要用到一个小插件：Autohotkey

放上网址：https://www.autohotkey.com/

放上来已经设置好的配置文件，你只需要下载下来，双击运行就可以使用快捷键进行颜色设置了。

配置文件：链接：https://pan.baidu.com/s/1u9c65dL_-nuFBpMFU4AFZA
提取码：ShGu

解压密码：shangu

我设置了永久分享，文件丢了可以再次下载。

快捷键：

Ctrl + Alt + R      红色

Ctrl + Alt + O      橘色

Ctrl + Alt + B      蓝色

5.2 加粗斜体下划线

加粗使用两个乘号 “ ** 输入要加粗的字 ** ”

斜体使用一组乘号 “ * 输入要斜体的字 * ”

下划线要使用HTML来实现，前缀是 “ ” 后缀是 “ ”

5.3 删除线 高亮

效果就是这样，看起来还挺好玩，可以加到小阳子的话里面。

通过两组 “ ~ ”实现：

~~ 要填入的东西 ~~

高亮用一组 “ · ” 实现。

总结

我这篇文章并没有往外拓展，就是很简单的基础。

关于markdown继续拓展，短期内没有时间再写了，就要看五一假期能不能抽出时间。

这样写文章麻烦是麻烦，但是看到自己的文章越来越赏心悦目：

真香！