Retour au classement
赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。
csstypographyclreqscss
Indicateurs clés
Croissance des étoiles
Étoiles
6.7k
Forks
283
Croissance hebdomadaire
—
Issues
24
2k4k6k
févr. 2020févr. 2021mars 2022avr. 2023mai 2024juin 2025juil. 2026
README
赫蹏
赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。
预览：https://sivan.github.io/heti/
主要特性：
- 贴合网格的排版；
- 全标签样式美化；
- 预置古文、诗词样式；
- 预置多种排版样式（行间注、多栏、竖排等）；
- 多种预设字体族（仅限桌面端）；
- 简/繁体中文支持；
- 自适应黑暗模式；
- 中西文混排美化，不再手敲空格👏（基于 JavaScript 脚本）；
- 全角标点挤压（基于 JavaScript 脚本）；
- 兼容 normalize.css、CSS Reset 等常见样式重置；
- 移动端支持；
- ……
总之，用上就会变好看。
使用方法
- 在页面的
<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>
WIP
暂时没什么想做的了。
- 自适应黑暗模式
- 标点挤压
- 中、西文混排
- 繁体中文支持
- 诗词版式
- 行间注版式
Star History
谢谢每一位加星的朋友，让这个疫情期间憋在家里无聊做的小项目有了更大的价值。
-- EOF --
Dépôts similaires