6.2K star!太美了,再也不用担心网站中文排版了!

文摘   2025-01-21 21:02   江西  

* 戳上方蓝字“开源先锋”关注我


推荐阅读:

《25.3K star!搞定VSCode所有插件,就是这么舒适!


《78.4K star!大气炫酷UI开源项目,超级火!!


《14.5K star!一款开源的工作流编排调度项目,无限可扩展!!》


《52K+ star!解放双手,工作流自动化神器!》


《27.5K star!无需GPU本地轻松运行AI模型,超推荐!》

《17K star!这是我见过的最好程序员英语学习神器,边打边学!》



大家好,我是开源君!

大家是否有过这样的经历?在浏览网页时,看着那些凌乱的排版,心里总是忍不住嘀咕:“这排版也太不走心了吧!”确实,很多网页在排版中文内容时,总是显得那么不尽人意。

今天给大家带来一个超级棒的开源项目 - Heti,一个专为中文内容展示设计的排版样式增强神器!

项目简介

Heti,中文名为“赫蹏”,听起来是不是有点古风?其实它真的是从古代来的!“赫蹏”在古代是用来写字的小幅绢帛,后来也指代纸。

这个项目就是借鉴了古代的排版智慧,结合现代的网页技术,专门为中国人的阅读习惯和审美打造的排版样式增强工具。简直就是现代科技和传统文化的完美结合,让人不得不佩服开发者的脑洞!

目前在Github上收获了6.2K star!

性能特色

  • 贴合网格的排版:让文字排得整整齐齐,看着就舒心。
  • 全标签样式美化:不管是标题、段落还是链接,Heti都能让它们变得更加美观。
  • 预置古文、诗词样式:如果你喜欢古文或者诗词,那么Heti的预置样式绝对会让你爱不释手。
  • 多种排版样式:行间注、多栏、竖排……想怎么排就怎么排,随心所欲。
  • 多种预设字体族:虽然仅限桌面端,但那些优雅的字体绝对能让你的网页瞬间提升档次。
  • 简/繁体中文支持:无论你的读者是喜欢简体还是繁体,Heti都能满足他们的需求。
  • 自适应黑暗模式:晚上看网页再也不怕刺眼了,Heti会自动切换到黑暗模式。
  • 中西文混排美化:再也不用手动敲空格了,Heti会智能处理中西文混排的问题。
  • 全角标点挤压:中文标点的排版也能这么优雅,Heti做到了!
  • 兼容性强:支持多种现代浏览器,还能与主流前端框架无缝集成。
  • 轻量高效:代码精简,加载速度快,不会给网页性能带来负担。

快速使用

要使用Heti其实非常简单,只需要几步就能搞定!

1、通过npm安装Heti:

npm install heti

或者直接通过CDN引入:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/heti/umd/heti.min.css">

2、引入样式,在HTML文件中引入Heti的CSS文件:

<link rel="stylesheet" href="path/to/heti.min.css">

3、应用样式,为需要排版的元素添加.heti类名:

<article class="heti">
    <h1>标题</h1>
    <p>这里是正文内容。</p>
</article>

4、自定义配置(可选),如果有特殊需求,可以通过修改CSS变量来调整Heti的默认样式。

项目体验展示

说了这么多,不如直接来看看Heti的效果吧!以下是一些使用Heti进行排版的网页截图,是不是看着就让人赏心悦目呢?

诗词
行间注
多栏排版
竖版

Heti这个开源项目真的太好用啦!它解决了中文网页排版的各种难题,功能强大又容易上手。无论是个人博客、新闻网站还是文化类网站,用了它,内容都能变得赏心悦目,阅读体验大幅提升。

更多细节功能,感兴趣的可以到项目地址查看:

项目地址:
https://github.com/sivan/heti/

开源先锋
分享Github上最有趣的开源项目
 最新文章