DevOps R&D performance
Media Matrix
Open source China APP
Authorization Agreement MIT
development language HTML/CSS View source code »
operating system Cross platform
Software type Open source software
Open source organizations nothing
region domestic
deliverer Alias_Travis
intended for unknown
Recording time 2021-12-28

Software Introduction

H è t í is a typesetting style enhancement designed for Chinese content display. It is based on the common Chinese typesetting standard, which can bring better article reading experience to the readers of the website.

Preview: https://sivan.github.io/heti/

Main characteristics:

  • Layout that fits the grid;
  • Full label style beautification;
  • Preset the style of ancient prose and poetry;
  • Preset multiple typesetting styles (interline notes, multiple columns, vertical layout, etc.);
  • Multiple preset font families (desktop only);
  • Simplified/Traditional Chinese support;
  • Adaptive dark mode;
  • Beautify the mixed typesetting of Chinese and Western languages, and no longer use the blank space 👏 (based on JavaScript script);
  • Full angle punctuation extrusion (based on JavaScript script);
  • Compatible normalize.css CSS Reset Common styles such as reset;
  • Mobile terminal support;
  • ……

usage method

  1. On the page's <head> Introduced in the label heti.css File:
     <link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
  2. Add on the container element to be used class="heti" The class name of can be:
     <article class="entry heti"> <h1>My World View</h1> <p>The life of the rich is so simple and boring</p> …… </article>
  3. Use enhanced scripts (optional):
     <script src="//unpkg.com/heti/umd/heti-addon.min.js"></script> <script> const heti = new Heti('.heti'); heti.autoSpacing(); //Automatic mixed Chinese and Western language beautification and punctuation extrusion </script>

Under development

  • Adaptive Dark Mode

  • Punctuation extrusion

  • Mixed Chinese and Western languages

  • Traditional Chinese support

  • Poetry format

  • Interline layout

Expand to read the full text

code

Gitee index of is
exceed Items for

comment

Click to join the discussion 🔥 (6) Post and join the discussion 🔥
No content temporarily
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
No more
No content temporarily
Issued a question and answer
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
No more
No content temporarily
No content temporarily
six comment
eighty-four Collection
share
 OSCHINA
Log in to view more high-quality content
 Back to top
Top