StackEdit 美化

终于完成了一直惦记的美化。虽有瑕疵,仍完成了目标。

Overview

先上图。

美化

Stylish 存在隐私问题,平替 Stylus (forked from Stylish). 对前缀 https://stackedit_io 应用如下样式[1]

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 和代码块

背景图片处理。没有很好的方法让图片显示,只能调整全体透明度,这又会影响文字的可读性。不宜调得过低。

后记


  1. https://userstyles.world/style/17928/stackedit-styles-1 ↩︎