今天給大家推薦一個小眾的 GitHub 專案：赫蹏，一個非常美觀又實用的開源專案，超好看的中文排版樣式，
赫蹏（hètí）是專為中文內容展示設計的排版樣式增強，它基于通行的中文排版規范而來，可以為網站的讀者帶來更好的文章閱讀體驗，
1. 主要特性
主要特性：
- 貼合網格的排版；
- 全標簽樣式美化；
- 預置古文、詩詞樣式；
- 預置多種排版樣式（行間注、多欄、豎排等）；
- 多種預設字體族（僅限桌面端）；
- 簡 / 繁體中文支持；
- 自適應黑暗模式；
- 中西文混排美化，不再手敲空格👏（基于 JavaScript 腳本）；
- 全角標點擠壓（基于 JavaScript 腳本）；
- 兼容normalize.css、CSS Reset等常見樣式重置；
- 移動端支持；
- ……
除此之外，它還支持如下的特性：
- 自適應黑暗模式
- 標點擠壓
- 中、西文混排
- 繁體中文支持
- 詩詞版式
- 行間注版式
2. 效果圖
總之，用上就會變好看，來欣賞一下效果圖：
下面是預覽的效果，
預覽鏈接：https://sivan.github.io/heti/
更改字體
加網格
黑夜模式
3. 使用方法
使用方法如下：
在頁面的 <head> 標簽中引入 heti.css 檔案：
<link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
在要作用的容器元素上增加 class="heti" 的類名即可：
<article class="entry heti">
<h1>我的世界觀</h1>
<p>有錢人的生活就是這么樸實無華，且枯燥</p>
……
</article>
使用增強腳本（可選）：
<script src="//unpkg.com/heti/umd/heti-addon.min.js"></script>
<script>
const heti = new Heti('.heti');
heti.autoSpacing(); // 自動進行中西文混排美化和標點擠壓
</script>
是不是感覺很棒呢？
4. 下載地址
點擊即可免費獲取開源專案地址
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/230319.html
標籤：其他
上一篇：UniApp 從入門到開發