赫蹏中文排版终极指南：5个高级功能解锁古文诗词优雅展示
项目地址: https://gitcode.com/gh_mirrors/he/heti 赫蹏（hètí）是专为中文内容展示设计的排版样式增强工具，基于通行的中文排版规范，能为网站读者带来更佳的文章阅读体验。无论是现代散文还是古典诗词，赫蹏都能通过精细化的排版处理，让文字呈现出专业级的阅读美感。
🌿 一键启用古文竖排模式
赫蹏的「古文竖排」功能彻底改变了传统网页的阅读体验。通过 lib/modifiers/writing-mode.scss 样式定义，只需添加简单的 CSS 类，即可将现代横排文字转换为符合古籍阅读习惯的竖排格式。这种排版方式特别适合《论语》《道德经》等经典文献的数字化展示，让读者在屏幕上也能感受到传统典籍的韵味。
图：赫蹏竖排模式下的古文展示效果，右侧为目录导航区
🎋 诗词排版自动格式化
针对古典诗词的排版需求，赫蹏在 lib/modifiers/ancient.scss 中预设了专业的诗词样式。系统会自动识别五言、七言等不同诗体，智能调整字间距和行间距，使诗词的韵律感通过排版直观呈现。配合「句读自动断行」功能，即使是没有标点的原始文本，也能呈现出清晰的阅读层次。
📖 多栏布局提升阅读效率
现代阅读研究表明，适当的栏宽能显著提升长文本阅读舒适度。赫蹏的 lib/modifiers/column.scss 模块提供了从单栏到多栏的灵活切换，在大屏幕设备上自动启用双栏布局，使每行长控制在35-45字的最佳阅读区间。这种设计特别适合学术论文、长篇散文等内容的展示。
图：赫蹏多栏布局与单栏布局对比，左侧为双栏展示模式
✨ 智能标点挤压优化
中文排版中，标点符号的处理往往影响整体美感。赫蹏通过 lib/helpers/_inline.scss 实现了智能标点挤压算法，自动调整引号、括号等符号的间距，避免出现「孤行」「标点溢出」等排版问题。这一功能完全符合《报纸排版规范》中关于标点符号使用的要求，让网页文字呈现出印刷级的精致感。
🎨 字体栈与排版深度定制
赫蹏在 lib/modifiers/font-stack.scss 中提供了丰富的字体配置选项，支持「思源宋体」「方正楷体」等专业中文字体的无缝集成。通过简单修改 lib/_variables.scss 中的参数，即可定制从标题到正文的完整字体体系，同时保持跨平台的一致性渲染效果。
快速开始使用赫蹏
要在项目中集成赫蹏排版，只需三步：
- 克隆仓库：
git clone https://gitcode.com/gh_mirrors/he/heti - 引入核心样式：
<link rel="stylesheet" href="heti.css"> - 添加容器类：
<div class="heti ancient column-2">诗词内容</div>
通过组合使用不同的功能类，即可快速实现从现代文到古典文献的多样化排版需求。赫蹏的所有样式定义都遵循模块化设计，位于 lib/modifiers/ 和 lib/helpers/ 目录中，便于开发者进行二次定制。
无论是个人博客、数字图书馆还是学术平台，赫蹏都能为中文内容提供专业级的排版解决方案，让每一段文字都呈现出应有的美感与韵味。
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
