Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sivan/heti
赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。
https://github.com/sivan/heti
clreq css scss typography
Last synced: 21 days ago
JSON representation
赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。
- Host: GitHub
- URL: https://github.com/sivan/heti
- Owner: sivan
- License: mit
- Created: 2020-02-11T12:46:51.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-09-22T05:21:38.000Z (about 1 year ago)
- Last Synced: 2024-04-15T08:18:24.700Z (7 months ago)
- Topics: clreq, css, scss, typography
- Language: SCSS
- Homepage: https://sivan.github.io/heti/
- Size: 1.24 MB
- Stars: 5,880
- Watchers: 48
- Forks: 246
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- Awesome-GitHub-Repo - heti - 一个中文排版开源项目。[<img src="https://tva1.sinaimg.cn/large/008i3skNly1gxlhtmg11mj305k05k746.jpg" alt="微信" width="18px" height="18px" />](https://mp.weixin.qq.com/s?__biz=MzUxNjg4NDEzNA%3D%3D&chksm=f9a1c5bfced64ca982ebb99a56b7f9fe73713443f06fca1a49e476061f4df616804f29713218&idx=1&mid=2247489142&scene=21&sn=059feb284cdf9096121a921682fd4dca#wechat_redirect) (开源工具 / 好用工具)
- awesome - sivan/heti - 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。 (SCSS)
- awesome-github-star - heti
- awesome-luooooob - sivan/heti - 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。 (SCSS)
- awesome-list - heti - 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。 (Web Development / C++/C Toolkit)
- awesome - sivan/heti - 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。 (SCSS)
- my-awesome - sivan/heti - 09 star:6.1k fork:0.3k 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。 (SCSS)
- awesome-hacking-lists - sivan/heti - 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。 (SCSS)
README
# 赫蹏
赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。
预览：[https://sivan.github.io/heti/](https://sivan.github.io/heti/)
主要特性：
- 贴合网格的排版；
- 全标签样式美化；
- 预置古文、诗词样式；
- 预置多种排版样式（行间注、多栏、竖排等）；
- 多种预设字体族（仅限桌面端）；
- 简/繁体中文支持；
- 自适应黑暗模式；
- 中西文混排美化，不再手敲空格👏（基于 JavaScript 脚本）；
- 全角标点挤压（基于 JavaScript 脚本）；
- 兼容 *normalize.css*、*CSS Reset* 等常见样式重置；
- 移动端支持；
- ……
总之，用上就会变好看。
## 使用方法
1. 在页面的 `` 标签中引入 `heti.css` 文件：
```
```
1. 在要作用的容器元素上增加 `class="heti"` 的类名即可：
```
我的世界观
有钱人的生活就是这么朴实无华，且枯燥
……
```
1. 使用增强脚本（可选）：
```
const heti = new Heti('.heti');
heti.autoSpacing(); // 自动进行中西文混排美化和标点挤压
```
## WIP
暂时没什么想做的了。
- [x] 自适应黑暗模式
- [x] 标点挤压
- [x] 中、西文混排
- [x] 繁体中文支持
- [x] 诗词版式
- [x] 行间注版式
-- EOF --