大家好，我是热爱开源的了不起！
平时做中文网页排版是不是特闹心？英文排版的模板套在中文上，要么字挤字、要么行间距奇怪，连个诗词古文都没法好好展示，看着就别扭！
今天给大家介绍一款专为中文”量身定制”的排版神器——赫蹏（Heti），再也不用为了让网页文字好看点，对着CSS调半天了！
项目简介
赫蹏（Heti）这名字听着就特有文化感，其实古代指的是写东西用的小幅绢帛，后来也代指纸，用它做中文排版工具的名字，简直太贴切了！它完全按照中文排版规范来设计，不管是日常文章、古文还是诗词，都能让网页展示效果更舒服、更有质感。
而且这项目超受欢迎，在Github上已经攒了6.3K Star，不少开发者都在用它优化自己的网站呢！
项目特色
- 中文专属排版，颜值拉满：贴合中文阅读习惯的网格排版，还自带古文、诗词专属样式，连竖排、多栏排版都能轻松实现，秒变”古风美学”；
- 智能优化超省心：不用手动敲空格调整中西文混排，也不用纠结标点位置，JS脚本自动搞定美化和标点挤压，省了超多麻烦；
- 全场景适配：桌面端有多种预设字体可选，移动端也能完美适配，还能自动切换黑暗模式，白天晚上看都舒服；
- 兼容性超强：不管是常用的normalize.css，还是CSS Reset样式重置，都能完美兼容，不用怕和现有网页样式冲突；
- 全标签美化：不光正文好看，标题、段落、引用这些标签样式都帮你优化好了，不用自己再一点点改样式。
快速使用
使用起来特别简单，小白也能上手，就三步搞定：
引入CSS样式：在网页的
<head>标签里加一行代码，把赫蹏的样式文件引进来：1
2<!-- 用CDN引入，不用自己下载文件 -->
<link rel="stylesheet" href="https://unpkg.com/heti/umd/heti.min.css">给容器加类名：找到你要排版的内容容器（比如
<article>或者<div>），加上class="heti"就行，举个例子：1
2
3
4
5<article class="heti">
<h1>我超爱的中文文章</h1>
<p>以前网页排版总觉得别扭，用了赫蹏之后，文字看着舒服多啦！</p>
<p>连诗句都能好好展示：床前明月光，疑是地上霜。举头望明月，低头思故乡。</p>
</article>可选：加增强脚本：如果想让中西文混排和标点挤压更智能，再加一段JS脚本：
1
2
3
4
5
6<script src="https://unpkg.com/heti/umd/heti-addon.min.js"></script>
<script>
// 初始化赫蹏，自动优化排版
const heti = new Heti('.heti');
heti.autoSpacing();
</script>
下面是使用Heti排版的截图，展示内容真的超有感觉!
小结
赫蹏（Heti）真的是一个超棒的开源项目，解决了中文网页排版的很多痛点。它的功能强大，使用起来又特别简单，无论是新手还是老司机，都能轻松上手。如果你也在为网页排版烦恼，不妨试试
1 | https://github.com/sivan/heti/ |
