BookStack毕竟是国外的,所以用在中文环境之后有一个很大的问题就是字体显示,尤其是标题。放到英文环境下吧,可能符合老外的审美。
BookStackApp英文字体显示.png
但如果显示成中文,总觉得有点太过扎眼,尤其标题和正文之间的字体大小简直太大了。
BookStackApp中文字体显示.png
放个官网翻译后的页面,反正看着不舒服,尤其是一旦标题文字一多,简直没法直视。
BookStack的设置中是没有字体设置选项的,所有的设置都需要用CSS的方式插入到页面头部中。
BookStackApp个性化设置.png
BookStackApp自定义HTML头部内容.png
记得写CSS代码的时候,h1到h6后面一定要加上[id^="bkmrk-"],否则你会发现首页中的样式也会发生变化。而每个页面的id都是变化的,只有前缀相同,所以要加匹配项。
从网上随便扒了段标题的代码,效果对比如下:
BookStackApp中文字体显示(默认).png
BookStackApp中文字体显示(修改后).png
好了,有空再想着怎么调好看吧,先凑合着看吧。

最后修改:2023 年 12 月 22 日
如果觉得我的文章对你有用,请随意赞赏