hexo-theme-type

0.4.6 • Public • Published

Hexo Theme Type

一个漂亮、简洁的 HEXO 主题

Github Download Count Github Release Github Code Size Test

Snipaste_2022-04-13_13-40-24

Snipaste_2022-04-13_13-40-13

中文文档 效果预览 实时预览

🔨 安装使用

本主题支持 npm 和 git 两种安装方式,你也可以下载 release 版本手动安装。 当前主题仍在开发中,部分功能还没有完善!

使用 npm 安装(推荐)

进入 Hexo 根目录,依次执行以下命令。

npm install hexo-theme-type --save
npm install
cp -v ./node_modules/hexo-theme-type/_config_template.yml ./_config.type.yml

随后,修改站点配置文件1

theme: type

使用 git 安装

进入 Hexo 根目录,依次执行以下命令。

git clone https://github.com/aiokr/hexo-theme-type.git themes/type --depth=1
npm install

随后,修改站点配置文件1

theme: type

📖 文档

本项目的文档正在逐步完善中,详情请阅读 GitHub · Where software is built

💡 快速指南

主题设定

主题设定

独立页面

本主题支持以下独立页面:

  1. 文章样式:你可以创建一个外观和文章一样的独立页面。
  2. 照片墙页面:一个照片墙页面。
  3. 关于页面 β:一个独特的“关于我”页面,目前尚在测试阶段,随时可能发生变化。
  4. 其他样式页面

创建文章样式的独立页面

效果预览

source 文件夹中添加一个文件夹,并在其中创建 'index.md' 文件,填入以下信息

---
title: {{ 页面标题 }}
date: {{ 创建日期 }}
---

也可以执行以下代码:

hexo new page '页面标题'

创建照片墙页面

效果预览

source 文件夹中添加一个文件夹,并在其中创建 index.md 文件,填入以下信息

---
title: {{ 页面标题 }}
layout: gallery
---

并在 source/_data 文件夹中创建 gallery.yml,按以下模板填写内容:

'{{项目标题}}':
  date: {{拍摄日期:格式:YYYY-MM-DD,此项目可移除}}
  cover: '{{项目封面,此项目可移除}}' 
  img:
    - '{{图片链接1}}'
    - '{{图片链接2}}'

创建关于页面 β

效果预览

source 文件夹中添加一个文件夹,并在其中创建 index.md 文件,填入以下信息

---
title: {{ 页面标题 }}
layout: about_page
---

修改 themes/hexo-themes-type/layout/about_page.ejs 的内容

创建其他样式页面

效果预览

source 文件夹中添加一个文件,并在开头填入以下内容

---
layout: html
---

随后你可以在该文件夹中填入任意 HTML 代码

关于项目中的 Tailwind CSS

本主题部分样式采用 Tailwind CSS 构建,但您作为主题使用者,无需在 Hexo 项目中安装 Tainwind Cli,主题在上传的同时会自动生成 css 文件。

🗒 许可证

hexo-theme-type 还使用/依赖了这些开源项目

HEXO 相关

HEXO
hexojs/hexo: A fast, simple & powerful blog framework, powered by Node.js.
License: MIT

hexo-renderer-ejs
hexojs/hexo-renderer-ejs: EJS renderer for Hexo
License: MIT

hexo-renderer-marked
hexojs/hexo-renderer-marked: Markdown renderer for Hexo
License: MIT

评论系统

DisqusJS
SukkaW/DisqusJS: Render Disqus comments in Mainland China using Disqus API
License: MIT

Valine
xCss/Valine: A fast, simple & powerful comment system.
License: GPL-2.0

Waline
walinejs/waline: A Simple, Safe Comment System inspired by Valine | 一款基于 Valine 衍生的简洁、安全的评论系统
License: GPL-2.0

Gitment
imsun/gitment: A comment system based on GitHub Issues.
License: MIT

其他

霞鹜文楷
lxgw/LxgwBright: A merged font of Ysabeau Office and LXGW WenKai.
License: SIL Open Font License 1.1

其他

代码提交量

Alt

Star 历史

Star


  1. 站点配置文件即 Hexo 根目录的 _config.yml 文件 2

Readme

Keywords

Package Sidebar

Install

npm i hexo-theme-type

Weekly Downloads

10

Version

0.4.6

License

MIT

Unpacked Size

8.45 MB

Total Files

136

Last publish

Collaborators

  • aiokr