一個美觀實用的中文排版開源項目

2021-02-08 Java後端

關注我的兄弟中，有不少人的博客是直接用 GitHub Pages 託管的吧，博客網站名一般是：xxxx.github.io ，但是自己搞得網站確實不怎麼美觀，雖然可藉助 hexo 搭建，很多網站風格還是入不了你的法眼，是吧？

今天給大家推薦一個小眾的 GitHub 項目：赫蹏，一個非常美觀又實用的開源項目，超好看的中文排版樣式。

赫蹏（hètí）是專為中文內容展示設計的排版樣式增強。它基於通行的中文排版規範而來，可以為網站的讀者帶來更好的文章閱讀體驗。
中西文混排美化，不再手敲空格👏（基於 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. 下載地址

地址：https://github.com/sivan/heti

最近整理一份資料《Java技術學習手冊》，覆蓋了 Java技術、面試題精選、作業系統基礎知識、計算機基礎知識、Linux教程、計算機網絡等等。
獲取方式：
2. 關注 [逛逛GitHub] 後自動推送下載連結

相關焦點

  • 美觀實用!這個中文排版開源項目你值得擁有
    今天給大家推薦一個小眾的 GitHub 項目：赫蹏，一個非常美觀又實用的開源項目，超好看的中文排版樣式。赫蹏（hètí）是專為中文內容展示設計的排版樣式增強。它基於通行的中文排版規範而來，可以為網站的讀者帶來更好的文章閱讀體驗。
  • 英文排版真得比中文排版好看嗎
    1.英文的段落幾乎每一個單詞的長度都是不一樣的，而中文的段落字體都是方方正正的這就導致了中文看起來缺少變化。英文每一個字體所佔的空間比例都差不多，而中文則是有多有少，一個太過飽滿，一個留白太多。這個實際並不是說中文就比英文難看，而是在電子輸入時候進行的統一字體規則，否則我們來看下面一張圖：
  • 英文排版真的比中文排版好看嗎?
    英文的段落幾乎每一個單詞的長度都是不一樣的，而中文的段落字體都是方方正正的這就導致了中文看起來缺少變化。2. 英文的篇幅普遍比相同意義的漢字的篇幅要多，在設計時，英文本身更容易成為一個設計主體，而且因為英文單詞的字母數量不一樣，在編排時，對齊左邊之後，右邊都會產生自然的不規則的錯落，這在漢字編排時不太可能出現的，漢字編排每個段是一個完整的」塊」，很難產生這種錯落感。
  • 【內容排版】超實用圖文排版方法 文章排版怎麼有美感
    素都能影響瀏覽，排版設計的好壞絕對很考驗一個人的基本功底。 文本寬度控制在450-700px為宜，此範圍內參照字號大小： ● 英文每行80-100個字母(空格算一個字母)為宜; ● 中文每行30-40個漢字為宜。 4對比：提高視覺性對比(contrast)是四項基本設計原理之一，在網頁中對文字的排版也非常適用。
  • 中文書寫規範與排版指南
    相關學習資料如下：GB/T 15834―2011 標點符號用法（General rules for punctuation）—— 教育部PDF版本 / Google Doc 電子版 ；臺灣繁體 標點符號手冊 ；BBC 學院—標點符號的使用 ；有幾個要點：中文主體寫作環境下，使用全形中文標點
  • kurento-開源WebRTC伺服器-"一個半死不活"的開源項目
    前面的文章中簡單介紹了目前比較熱門的幾個開源WebRTC伺服器端。它們都有各自的特點和應用場景。但是，筆者一直對kurento比較感興趣，除了其開源項目的創造力以外，他們的團隊命運好像也完全契合了開源社區的結果。創始人經過差不多接近十年多的發展，在最近幾年因為雲計算，各種人工智慧的發展，以及帶寬的增加，才讓WebRTC技術得到了突飛猛進的發展。
  • 英文排版真比中文排版好?那是你不懂這幾個方法!
    英文的段落幾乎每一單詞的長度都不一樣，而中文的段落字體都是方方正正的這就導致了中文看起來缺少變化。2. 英文的篇幅普遍比相同意義的漢字的篇幅要多，在設計時，英文本身更容易成為一個設計主體，而且因為英文單詞的字母數量不一樣。3. 在每一個字體上我們也能找出一些差異，英文的字體弧線多，看起來更動感更多變，而中文的比較剛硬顯得有些死板。
  • 中文排版CSS心得
    寫這篇文章，主要是針對中文排版設計，英文排版因為很少做，所以不涉及。先介紹如何設定字體、顏色、大小、段落空白等比較簡單的應用，後面再介紹下比如首字下沉、首行縮進。最後講一些常用的web頁面中文排版，比如中文字的截斷、固定寬度詞內折行（word-wrap和word-break）等等。因為只是寫一些應用方面的心得，如果需要完整的CSS屬性介紹，請參考CSS手冊。
  • 簡單做好中文排版——讓長文章更容易閱讀的原則
    各作業系統中文系統字型列表對於Android來說，DroidSans Fallback這套系統字無論對中日韓文來說都不大及格，如果希望達到較好的排版效果，建議使用開源的「思源黑體」但下載任何有漢字的字形都要花上不少時間
  • 推薦一個開源的中文技術文檔風格指南
    簡單理解，風格指南有助於保持文檔整體風格的統一，給用戶呈現一個一致的形象。例如，多人協作時，如果每個人都有自己的風格，都按各自的表達和用詞習慣來，那麼最終的內容成品就很可能會風格不一，看起來不像為一個產品寫的文檔，還可能會給用戶造成困惑，或者留下不專業的印象。
  • 開源免費 FreePBX 中文用戶手冊新版本發布
    2017 開年大事， 開源免費的電子書再次發布。 世界上部署使用最多的開源免費FreePBX -12 以上版本中文用戶手冊發布。本版本更新了FreePBX的一些新功能，例如ZULU CRM 模塊，同時重新修訂了內容和排版，方便用戶閱讀。
  • 【文章】簡單做好中文排版——十項讓長文章更容易閱讀的原則
    各作業系統中文系統字型列表對於Android來說，DroidSans Fallback這套系統字無論對中日韓文來說都不大及格，如果希望達到較好的排版效果，建議使用開源的「你可以使用以下CSS：p { text-align: justify; text-justify: ideographic;}這能讓中文排版瞬間變得美觀許多。五、沒有斜體中文的書寫、印刷歷史中，「斜體」從來都不存在。
  • 包裝設計與美學 | 英文排版一定就比中文排版洋氣嗎?
    經常會遇到一個問題，比如：這個包裝設計很洋氣因為是英文，如果換成中文就土了。
  • 截屏、文字提取一氣呵成,超實用OCR開源小工具
    讀者也可以通過此項目大致了解如何對圖像中的文本進行識別。項目連結：https://github.com/ianzhao05/textshot使用方法運行 textshot.py，在屏幕上打開一個 overlay，在你希望提取的文字區域畫一個矩形。使用可選的命令行參數指定語言。
  • 值得紀念的日子,中文網際網路終於有排版規範 | 愛範兒
    ——由 W3C 撰寫的《中文排版規範（草稿）》，是中文網際網路世界對中文網頁排版的權威參考標準。這份《規範》著重解決中文網絡排版的那些不夠標準的問題？陳奕鈞的公開資料不多，他開發了名為 「漢字標準格式，一個提供漢字網頁排版框架，支持各種印刷效果包括相鄰文字裝飾線跳脫、漢字標音、著重號、標點符號修正、中英文混排間隙、漢字擠壓以及章節調整。根據 GitHub 上的提交記錄，最新修改在 2015 年 3 月 26 日。梁海是知乎上的名人，在字體排印的專題下貢獻了許多高質量的回答，他也參與了這次《規範》的撰寫。
  • 【設計視角】簡單做好中文排版——十項讓長文章更容易閱讀的原則
    中文、日文、韓文有著不同的排版規則，目前在W3C的參考資料中，日文排版需求是最為完整的文件，但是大概長到很難讀完；韓國的諺文文字排版需求則是份量剛剛好。至於中文，我目前還在撰寫草稿。在我寫完前，先整理出十項簡單的原則，作為做好中文排版的參考。
  • 百度開源平臺上線,聚合百度開源項目
    百度公司近日上線「百度開源平臺」，該平臺主要用來展示百度的開源項目。 EST：一個基於LESS的樣式工具庫，幫助開發者更輕鬆地書寫LESS代碼 ER：一個富瀏覽器端web應用的框架，可以方便地構建一個整站式的AJAX web應用 Tangram：一款實用的JavaScript基礎庫，可以迅速構建出高度互動的Web應用程式 Cafe：一款Android平臺的自動化測試框架，框架覆蓋了Android
  • 寫給大家看的中文排版指南
    一篇適合大眾閱讀的中文排版指南，需要著重強調的是中西文混排時候的空格以及專有名詞的大小寫。
  • 基於 Markdown 的中文文檔排版規範
    0 前言 相信閱讀本文的讀者一定有被 Markdown 靈活的寫作風格搞懵過，不知道怎麼寫更優雅、更規範，那麼本文就是來幫您梳理 Markdown 寫作過程中常見的一些問題，然後給出一個建議的應用規範。通過閱讀本文，相信你一定可以基於 Markdown 寫出更加優雅的中文文檔。
  • 2018年最實用機器學習項目Top 6(附開源連結)
    來源：medium 作者：George Seif編輯：木青【新智元導讀】在過去機器學習蓬勃發展的一年中，許多好用實用的機器學習項目也紛紛出現