zhao/heti

赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。

Find a file

Sivan f294c0778e Merge pull request #39 from sivan/develop fix: #34		2020-10-26 15:15:37 +08:00
.github/workflows	feat: support CJK & ANS spacing (#12 )	2020-03-01 22:24:17 +08:00
_site	fix: dist file	2020-10-26 15:14:31 +08:00
js	feat: support auto dark mode	2020-05-04 23:29:03 +08:00
lib	feat: update darkmode support	2020-05-18 00:49:59 +08:00
.editorconfig	Aloha	2020-02-11 20:47:29 +08:00
.gitignore	chore: add local dir to gitignore	2020-05-05 00:26:13 +08:00
LICENSE	Create LICENSE	2020-02-12 18:24:19 +08:00
package-lock.json	chroe: update dependencies	2020-10-26 14:47:10 +08:00
package.json	chroe: update dependencies	2020-10-26 14:47:10 +08:00
README.md	docs: update README	2020-05-05 00:31:24 +08:00
rollup.config.js	fix: support browsers dont support regexp positive lookbehind	2020-03-15 20:58:23 +08:00

README.md

赫蹏

赫蹏（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

暂时没什么想做的了。

自适应黑暗模式
标点挤压
中、西文混排
繁体中文支持
诗词版式
行间注版式

-- EOF --