開源中文古風(fēng)排版樣式，簡約美觀，超級好用！
只推薦用過的好用工具，關(guān)注DD幫你提高效率
如果有一篇古詩，要放在Web頁面上，你會(huì)如何排版呢？如果要實(shí)現(xiàn)類似語文書中的那種效果，有沒有辦法快速實(shí)現(xiàn)呢？
今天給大家推薦一個(gè)非常好用的開源項(xiàng)目，就可以輕松完成這個(gè)任務(wù)。
這個(gè)項(xiàng)目，名字就是赫蹏，神不神奇？在今天的GitHub趨勢榜上，當(dāng)日新增了近500+的star，高居榜首！
赫蹏？何為赫蹏？相信有不少小伙伴不一定認(rèn)識這兩個(gè)字怎么念，其實(shí)這兩個(gè)字發(fā)音：hètí。其含義呢：
?古代稱用以書寫的小幅絹帛。后亦以借指紙?！稘h書·外戚傳下·孝成趙皇后》：「武（籍武）發(fā)篋中，有裹藥二枚，赫蹏書?！诡亷煿抛ⅲ骸膏囌乖唬骸汉找粜值荇]墻之鬩?！粦?yīng)劭曰：『赫蹏，薄小紙也?！弧顾乌w彥衛(wèi) 《云麓漫鈔》卷七：「《趙后傳》所謂『赫蹏』者，注云『薄小紙』，然其寔亦縑帛。」
赫蹏項(xiàng)目，其實(shí)就是專為中文內(nèi)容展示設(shè)計(jì)的一個(gè)排版樣式。
可能因?yàn)槠綍r(shí)大多數(shù)的頁面版式都是以英文等語言為主要考慮因素，所以在顯示中文的時(shí)候或多或少有各種不如意，例如沒對齊、換行錯(cuò)誤、大小不合適等等等，看著就會(huì)讓人覺得變扭。
赫蹏，就是針對整行的中文排版規(guī)范，讓大家享受最質(zhì)樸、古風(fēng)的傳統(tǒng)中文閱讀體驗(yàn)！
赫蹏主要實(shí)現(xiàn)了以下幾個(gè)功能特性：
貼合網(wǎng)格的排版布置 全標(biāo)簽樣式美化 預(yù)置古文、詩詞樣式 預(yù)置多種排版樣式（行間注、多欄、豎排等） 多種預(yù)設(shè)字體族（僅限桌面端） 簡/繁體中文支持 自適應(yīng)黑暗模式 中西文混排美化，不用再手敲空格（基于 JavaScript 腳本） 全角標(biāo)點(diǎn)擠壓（基于 JavaScript 腳本） 兼容 normalize.css、CSS Reset 等常見樣式的重置 支持移動(dòng)端
使用起來也不復(fù)雜，只需要兩個(gè)步驟就可以：
1、在頁面的 標(biāo)簽中引入 heti.css 文件：
<link?rel="stylesheet"?href="http://unpkg.com/heti/umd/heti.min.css">??
2、在要作用的容器元素上增加 class="heti" 的類名即可：
<article?class="entry?heti">
??<h1>TJ君h1>
??<p>TJ君最棒p>
??……
article>
當(dāng)然除了這個(gè)最基礎(chǔ)的引用，小伙伴還可以選擇使用額外的增強(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>
我們來看下作者給出的實(shí)際效果樣式：
包括黑暗模式：
是不是看著不錯(cuò)？有點(diǎn)古風(fēng)？喜歡的那就來用用看吧！