Typora美化篇-小白教程(2)
2021-05-14 本文已影响0人
lovedrs
1. 侧边栏美化
1.1 侧边栏圆角
1.1.1 需要修改的CSS文件
-
window.css文件,是通过开发者工具来确定的这个文件
-
通常在以下目录中:C:\Program Files\Typora\resources\style
-
通过开发者工具查看标签所在文件
-
如上图所示,我们可以通过修改window.css文件中的#typora-sidebar标签,来修改圆角。(上图是已经修改过的图片)
-
修改代码:
-
箭头① 修改圆角的半径为50px,可根据自己喜欢设置
-
箭头② 修改侧边栏的背景色为antiquewhite,可根据自己的喜欢设置
-
箭头③ 修改侧边栏的边框为实线,可根据自己喜好设置
-
2.字体背景美化
2.1 正文内文字选择后的颜色设置
因为背景图的原因,原先选择文字后的字体颜色较浅,几乎不易分辨。因此我们可以通过修改“selection”中的颜色属性进行更改颜色。
① 通过开发者工具,可以看到上图所示,该属性可以通过bass.css文件进行修改,可以将鼠标移动到bass.css上方以查看该文件的地址。通常默认安装的话,它的地址是在C:\Program Files\Typora\resources\style 路径中。如下图所示。
② 通过VScode打开base.css文件修改其中Selection中的颜色属性。修改css文件前记得先备份原文件,一旦修改出错的话还可以覆盖还原。
③ 以下是我修改的代码
- 其中左侧为修改的代码,将选中后的文字背景色修改为了黑色black,将选中后的文字的颜色变为了红色。
3. h1~h2标题下的横线修改
3.1 需要修改的文件Github.css
-
文件位置通常在以下目录中:C:\Users\注意这里是你自己的用户名\AppData\Roaming\Typora\themes。或者:依次点击“文件”→“偏好设置”→“外观”→“打开主题文件夹”就可以找到
-
使用VScode打开该文件,将下图箭头指示的地方进行修改即可
其中2px代表下横线的宽度是2像素,#后面的是颜色代码,我目前的颜色是根据标题的颜色来设置的,你也可以根据自己喜欢的颜色来设置。