赫蹏(hètí)是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来,可以为网站的读者带来更好的文章阅读体验。
.github/workflows | ||
_site | ||
add-ons | ||
dist | ||
lib | ||
.editorconfig | ||
.gitignore | ||
LICENSE | ||
package-lock.json | ||
package.json | ||
README.md | ||
rollup.config.js |
赫蹏
赫蹏(hètí)是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来,可以为网站的读者带来更好的文章阅读体验。
预览:https://sivan.github.io/heti/
主要特性:
- 贴合网格的排版;
- 全标签样式美化;
- 预置古文、诗词样式;
- 预置多种排版样式(行间注、多栏、竖排等);
- 多种预设字体族(仅限桌面端);
- 简/繁体中文支持;
- 中西文混排美化(基于JavaScript脚本实现);
- 兼容 normalize.css、CSS Reset 等常见样式重置;
- 移动端支持;
- ……
总之,用上就会变好看。
使用方法
- 在页面的
<head>
标签中引入heti.css
文件:<link rel="stylesheet" href="./dist/heti.min.css">
- 在要作用的容器元素上增加
class="heti"
的类名即可:。<article class="entry heti"> <h1>我的世界观</h1> <p>有钱人的生活就是这么朴实无华,且枯燥</p> …… </article>
WIP
- 标点挤压
- 标点悬挂
- 中、西文混排
- 繁体中文支持
- 诗词版式
- 行间注版式
-- EOF --