兄弟中，有不少人的博客是直接用 GitHub Pages 托管的吧，博客网站名一般是：
xxxx.github.io ，但是自己搞得网站确实不怎么美观，虽然可借助 hexo 搭建，很多网站风格还是入不了你的法眼，是吧？
今天给大家推荐一个小众的 GitHub 项目：赫蹏，一个非常美观又实用的开源项目，超好看的中文排版样式。
主要特性
-
贴合网格的排版；
-
全标签样式美化；
-
预置古文、诗词样式；
-
预置多种排版样式（行间注、多栏、竖排等）；
-
多种预设字体族（仅限桌面端）；
-
简 / 繁体中文支持；
-
自适应黑暗模式；
-
中西文混排美化，不再手敲空格????（基于 JavaScript 脚本）；
-
全角标点挤压（基于 JavaScript 脚本）；
-
兼容normalize.css、CSS Reset等常见样式重置；
-
移动端支持；
-
……
除此之外，它还支持如下的特性：
-
自适应黑暗模式
-
标点挤压
-
中、西文混排
-
繁体中文支持
-
诗词版式
-
行间注版式
来欣赏一下效果图：
预览链接：https://sivan.github.io/heti/
更改字体
在页面的 <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>是不是感觉很棒呢？
4. 下载地址
- END -
最近整理一份资料《Java技术学习手册》，覆盖了 Java技术、面试题精选、操作系统基础知识、计算机基础知识、Linux教程、计算机网络等等。
获取方式：
1.
扫
描下方二维码
2. 关注 [逛逛GitHub] 后自动推送下载链接
本文分享自微信公众号 - Java后端（web_resource）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。
相关文章
暂无评论...
致力于称为最好的程序员导航网站