在 Square Space 上应用中文排版增强样式「赫蹏」
赫蹏(读作 hè tí)是专为中文网页制作的样式增强工具,由前端设计师孙星繁制作。经过比对,我认为赫蹏确实可以提升中文在网页上的呈现效果,的确实现了「用上就会变好看」的承诺。
Square Space 有非常方便的样式调整方式,但是可定制度却差强人意。虽然可以自行添加 CSS 代码,但由于我技术不佳,总怕搞坏了什么东西。所以现在我在 Square Space 上应用赫蹏的方式如下:
在 Blog page 的 Setting-Advanced-Page Header Code Injection 里引入赫蹏的代码。
<link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
在 blog post 中使用 code block。
在 code block 中使用赫蹏的样式。
示例
古文
诗词
行间注
分栏
竖排
问题
虽然基本能用,但是还是有一些问题:
我在整个网站上通过 CSS 应用了新的字体,导致上面所有的文字都使用了那个字体,而不是赫蹏的默认字体。
竖排没有滑动条,会导致整个页面变宽。
每次使用都要使用 html 来写内容,要写好多标签,要去原项目找 reference,非常费时费力。虽然原作者在 GitHub 上说自己没什么想要继续增加的功能了,我还是希望能有更方便的使用方式。