Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings
/hetiPublic

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

License

NotificationsYou must be signed in to change notification settings

sivan/heti

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

148 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

预览：https://sivan.github.io/heti/

Preview

主要特性：

  • 贴合网格的排版；
  • 全标签样式美化；
  • 预置古文、诗词样式；
  • 预置多种排版样式（行间注、多栏、竖排等）；
  • 多种预设字体族（仅限桌面端）；
  • 简/繁体中文支持；
  • 自适应黑暗模式；
  • 中西文混排美化，不再手敲空格👏（基于 JavaScript 脚本）；
  • 全角标点挤压（基于 JavaScript 脚本）；
  • 兼容normalize.css、CSS Reset 等常见样式重置；
  • 移动端支持；
  • ……

总之，用上就会变好看。

使用方法

  1. 在页面的<head> 标签中引入heti.css 文件：
    <link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
  2. 在要作用的容器元素上增加class="heti" 的类名即可：
    <article>  <h1>我的世界观</h1>  <p>有钱人的生活就是这么朴实无华，且枯燥</p>  ……</article>
  3. 使用增强脚本（可选）：
    <script src="//unpkg.com/heti/umd/heti-addon.min.js"></script><script>  const heti = new Heti('.heti');  heti.autoSpacing(); // 自动进行中西文混排美化和标点挤压</script>

WIP

暂时没什么想做的了。

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

Star History

谢谢每一位加星的朋友，让这个疫情期间憋在家里无聊做的小项目有了更大的价值。

Star History Chart

-- EOF --

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

    Packages

    No packages published

    Contributors13

    [8]ページ先頭
    ©2009-2026 Movatter.jp