Typora美化篇-小白教程(1)

1. 添加你喜欢的背景色

1.1 打开主题文件夹，找到你喜欢的主题CSS文件

1.1.1 如何打开主题文件夹

依次点击“文件”→“偏好设置”→“外观”→“打开主题文件夹”

1.1.2 找到你喜欢的主题CSS文件，并且打开它

1.1.2.1 CSS文件在哪里

CSS主题文件就在打开主题文件夹后的根目录，那些.css文件就是

1.1.2.2 CSS文件如何打开

推荐使用VScode微软官方免费的编程软件，支持Emmet语法，可以帮你自动补全代码。

1.1.3 如何修改背景色

• 在root标签下添加以下代码，其中#E0FFFF是颜色代码，你可以网站上搜索HTML颜色代码，挑选自己喜欢的颜色即可

• 

2.更改h1~h6标题颜色

• 在CSS代码找到H1~H6标签，并且在其后面添加代码color: #DC143C(说明：#后面跟着的是颜色代码，可以替换为你喜欢的颜色)

• 

3. 如何添加背景图

• 首先确认你的写作区是在哪个标签下，首先我们依次点击“视图”→“开发者工具”，使用开发者工具的选择元素按钮（或者快捷键Ctrl+Shift+C）选择我们当前主题的写作区域，当选择后我们可以看到开发者工具的CSS栏的Style中对应的显示了所选的区域的标签，我图中所示为Write标签。因此我们可以在Write标签中，添加背景图片即可。

Typora写作区域确定

• 在主题文件夹目录创建一个新文件夹，比如说命名为image，在该文件夹中放入你想要作为主题背景图的图片jpg或者png。比如说我的背景图命名为3.png

• 在#Write标签下添加以下代码

  

  • 代码①的含义为，添加CSS当前文件夹的下一级文件夹image中的图片3.png作为背景图

  • 代码②的含义为，添加的背景图片四周变为圆角，圆角半径50像素，你也可以改为其它值，直到你自己觉得满意为止，效果如箭头所示。

    

  • 代码③的含义为，添加的背景图片透明化值为0~1之间

  • 当然对于背景图片的处理还有其它操作，如果有需求可以直接在网上搜索关于background-image的其它属性信息。