sivan / heti

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

Home Page:https://sivan.github.io/heti/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

请问如何在hexo中使用

YangguangZhou opened this issue · comments

编辑主题 layout 目录中的布局文件,在主题的 <head> 中添加 <link rel="stylesheet" href="https://unpkg.com/heti/umd/heti.min.css"> 全局引入 heti,然后给文章容器添加 heti 作为样式类。


以 Archer 主题为例,可以先在全局布局(layout/layout.ejs)文件引入 heti

<!DOCTYPE html>
<html lang="<%- config.language %>">
    <head>
        <link rel="stylesheet" href="https://unpkg.com/heti/umd/heti.min.css">
    </head>
    <!-- 其他的代码 -->
</html>

然后修改文章页布局(layout/post.ejs)文件,为 <article> 标签添加 heti 样式类:

<main class="main post-page">
    <article class="article-entry heti">
        <%- page.content %>
    </article>
    <!-- 其他的代码 -->
</main>