https://github.com/qzgao/heti-mini
赫蹏 mini，輕量級的標點擠壓、盤古空格排版方案
https://github.com/qzgao/heti-mini
css han js typography
Last synced: 6 months ago
JSON representation
赫蹏 mini，輕量級的標點擠壓、盤古空格排版方案
- Host: GitHub
- URL: https://github.com/qzgao/heti-mini
- Owner: QZGao
- License: mit
- Created: 2025-08-09T02:58:07.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-08-11T16:37:36.000Z (12 months ago)
- Last Synced: 2025-10-16T22:53:26.347Z (9 months ago)
- Topics: css, han, js, typography
- Language: JavaScript
- Homepage:
- Size: 63.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 赫蹏 mini
赫蹏（hètí）是專為中文內容展示設計的排版樣式增強。它基於通行的中文排版規範而來，可以為網站的讀者帶來更好的文章閱讀體驗。
請參見原 repo 的更多說明：[sivan/heti](https://github.com/sivan/heti)（[貢獻者](https://github.com/sivan/heti/graphs/contributors)）。
此 mini 版移除了大多數 CSS 規則，且對繁體中文標點擠壓做了調整，便於部落格網站使用。
## 使用方法
1. 在頁面 `` 標籤加入語言屬性，例如 `lang="zh-Hant-TW"` 或 `lang="zh-Hans-CN"`：
```html
```
2. 在需要使用赫蹏排版的元素上加入 `heti` 類，例如：
```html
```
3. 在頁面 `` 標籤加入以下內容：
```html
document.addEventListener('DOMContentLoaded', () => {
const heti = new Heti('.heti');
heti.autoSpacing();
});
```
若頁面為動態載入，則可在須排版內容完全載入後再執行 `heti.autoSpacing()`。