赫蹏中文排版样式增强

联合创作 · 2023-09-23 23:03

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


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



主要特性:



  • 贴合网格的排版;

  • 全标签样式美化;

  • 预置古文、诗词样式;

  • 预置多种排版样式(行间注、多栏、竖排等);

  • 多种预设字体族(仅限桌面端);

  • 简/繁体中文支持;

  • 自适应黑暗模式;

  • 中西文混排美化,不再手敲空格👏(基于 JavaScript 脚本);

  • 全角标点挤压(基于 JavaScript 脚本);

  • 兼容 normalize.cssCSS Reset 等常见样式重置;

  • 移动端支持;

  • ……


使用方法



  1. 在页面的 <head> 标签中引入 heti.css 文件:


    <link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">


  2. 在要作用的容器元素上增加 class="heti" 的类名即可:


    <article class="entry heti">
    <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>



开发中



  • 自适应黑暗模式


  • 标点挤压


  • 中、西文混排


  • 繁体中文支持


  • 诗词版式


  • 行间注版式


浏览 13
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报