StackEdit 美化
终于完成了一直惦记的美化。虽有瑕疵,仍完成了目标。
Overview
先上图。
美化
Stylish 存在隐私问题,平替 Stylus (forked from Stylish). 对前缀 https://stackedit_io 应用如下样式。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
| a { text-decoration: none; }
code { font-family: "JetBrainsMono Nerd Font","Roboto Mono","Lucida Sans Typewriter","Lucida Console","monaco","Courrier,monospace","楷体" !important; }
code * { font-family: "JetBrainsMono Nerd Font","Roboto Mono","Lucida Sans Typewriter","Lucida Console","monaco","Courrier,monospace","楷体" !important; }
:not(.katex) { font-family: "Times New Roman","宋体"; }
body { background-image: url(https://pic.netbian.com/uploads/allimg/240816/171510-17237997103ce3.jpg) !important; background-size: cover !important; }
* { opacity: 0.985; }
|
说明:
- 涉及以下调整:超链接下划线 / 字体 / 代码块 / 背景图
!important
比较玄学
- 字体兼容性,以及注意 Katex 和代码块
背景图片处理。没有很好的方法让图片显示,只能调整全体透明度,这又会影响文字的可读性。不宜调得过低。
后记