侧边栏壁纸
  • 累计撰写 45 篇文章
  • 累计创建 87 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

中文内容版样式增强插件

Even
2022-02-13 / 0 评论 / 0 点赞 / 619 阅读 / 1471 字

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

预览:

项目地址:

主要特性:

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

总之,用上就会变好看。

使用方法

1、在页面的 标签中引入 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>

WIP

暂时没什么想做的了。

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

评论区