* 戳上方蓝字“开源先锋”关注我
推荐阅读:
《25.3K star!搞定VSCode所有插件,就是这么舒适!》
《14.5K 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/