赫蹏中文排版樣式增強(qiáng)
赫蹏(hètí)是專為中文內(nèi)容展示設(shè)計(jì)的排版樣式增強(qiáng)。它基于通行的中文排版規(guī)范而來,可以為網(wǎng)站的讀者帶來更好的文章閱讀體驗(yàn)。
預(yù)覽:https://sivan.github.io/heti/
主要特性:
- 貼合網(wǎng)格的排版;
- 全標(biāo)簽樣式美化;
- 預(yù)置古文、詩詞樣式;
- 預(yù)置多種排版樣式(行間注、多欄、豎排等);
- 多種預(yù)設(shè)字體族(僅限桌面端);
- 簡/繁體中文支持;
- 自適應(yīng)黑暗模式;
- 中西文混排美化,不再手敲空格??(基于 JavaScript 腳本);
- 全角標(biāo)點(diǎn)擠壓(基于 JavaScript 腳本);
- 兼容 normalize.css、CSS Reset 等常見樣式重置;
- 移動(dòng)端支持;
- ……
使用方法
- 在頁面的
<head>標(biāo)簽中引入heti.css文件:<link rel="stylesheet" > - 在要作用的容器元素上增加
class="heti"的類名即可:<article class="entry heti"> <h1>我的世界觀</h1> <p>有錢人的生活就是這么樸實(shí)無華,且枯燥</p> …… </article> - 使用增強(qiáng)腳本(可選):
<script src="http://unpkg.com/heti/umd/heti-addon.min.js"></script> <script> const heti = new Heti('.heti'); heti.autoSpacing(); // 自動(dòng)進(jìn)行中西文混排美化和標(biāo)點(diǎn)擠壓 </script>
開發(fā)中
-
自適應(yīng)黑暗模式
-
標(biāo)點(diǎn)擠壓
-
中、西文混排
-
繁體中文支持
-
詩詞版式
-
行間注版式
評論
圖片
表情
