206 lines
4.9 KiB
Markdown
206 lines
4.9 KiB
Markdown
<div align="center">
|
||
<a href="https://github.com/qiaobug/hexo-theme-quiet/" target="_blank" rel="noopener noreferrer">
|
||
<img src="https://www.79bk.cn/image/logo.png" alt="quiet logo" width="100">
|
||
</a>
|
||
</div>
|
||
|
||
<h3 align="center">一款简约扁平化的 Hexo 主题</h3>
|
||
|
||
<div align="center">
|
||
<a href="https://www.79bk.cn/" target="_blank" rel="noopener noreferrer">
|
||
<img alt="releases" src="https://img.shields.io/badge/author-qiaobug-blue.svg?style=flat-square&longCache=true">
|
||
</a>
|
||
<a href="https://hexo.io" target="_blank" rel="noopener noreferrer">
|
||
<img alt="hexo" src="https://img.shields.io/badge/hexo-%3E=4.0.0-blue.svg?style=flat-square&logo=hexo&longCache=true">
|
||
</a>
|
||
<a href="https://nodejs.org" target="_blank" rel="noopener noreferrer">
|
||
<img alt="node" src="https://img.shields.io/badge/node-%3E=10.9.0-green.svg?style=flat-square&logo=Node.js&longCache=true">
|
||
</a>
|
||
<a href="https://github.com/qiaobug/hexo-theme-quiet/blob/master/LICENSE" target="_blank" rel="noopener noreferrer">
|
||
<img alt="license" src="https://img.shields.io/badge/license-MIT-green.svg?style=flat-square&longCache=true">
|
||
</a>
|
||
</div>
|
||
|
||
|
||
|
||
### ⛱预览Dome
|
||
|
||
- [乔越博客](https://www.79bk.cn/)
|
||
- [Taire's Blog](https://blog.taire.de)
|
||
|
||
（如果您正在使用 Quiet 主题，欢迎展示您的博客哦，只需在 `README.md` 文件中加入您的博客，提交 PR 即可。如果你喜欢这个主题想要收藏下请点下 Star 谢谢～～）
|
||
|
||
### 🚁快速使用
|
||
[English Version](https://github.com/QiaoBug/hexo-theme-quiet/blob/master/README-EN.md)
|
||
|
||
我们首先下载主题
|
||
|
||
```
|
||
$ git clone https://github.com/QiaoBug/hexo-theme-quiet.git
|
||
```
|
||
|
||
然后我们修改Hexo根目录下的 `_config.yml` 文件启用 Quiet 主题：
|
||
|
||
（大概在最后的位置 --- 你需要将下载下来主题文件放在 themes里面并且将名字修改为 Quiet ）
|
||
|
||
```
|
||
theme: Quiet
|
||
```
|
||
|
||
建议将每页展示的文章数量设置为 每页9篇
|
||
|
||
```
|
||
index_generator:
|
||
path: ''
|
||
per_page: 9
|
||
order_by: -date
|
||
```
|
||
|
||
将下面此项设置为跟我一样即可显示文章的代码高亮
|
||
|
||
```
|
||
# 我的配置
|
||
highlight:
|
||
enable: true
|
||
line_number: false
|
||
auto_detect: true
|
||
tab_replace: ''
|
||
wrap: true
|
||
hljs: true
|
||
prismjs:
|
||
enable: false
|
||
preprocess: true
|
||
line_number: true
|
||
tab_replace: ''
|
||
```
|
||
|
||
#### 🔧标签页
|
||
|
||
进入根目录下的`source`文件夹下创建`tag`文件夹新建`index.md`文件
|
||
|
||
```
|
||
---
|
||
title: tags
|
||
date: 2020-09-19 16:19:22
|
||
layout: "tags"
|
||
author: 79bk.cn
|
||
---
|
||
```
|
||
|
||
#### 🏂简介页
|
||
|
||
进入根目录下的`source`文件夹下创建`about`文件夹新建`index.md`文件
|
||
|
||
```
|
||
---
|
||
title: 个人简介
|
||
date: 2020-11-03
|
||
aubot: Cange-Q
|
||
portrait: 'https://cdn.jsdelivr.net/gh/duogongneng/MyBlogImg/imgIMG_7327.jpeg'
|
||
describe: '一个阳光快乐的BOY,在正合适的年龄里希望遇见正好的你。'
|
||
type: "about"
|
||
layout: "about"
|
||
author: 79bk.cn
|
||
---
|
||
```
|
||
|
||
**解释**
|
||
|
||
`aubot` ：博主名称显示在 About 页面的最上面
|
||
|
||
`portrait` ：头像
|
||
|
||
`describe` ：简介（简短的描述下你自己）
|
||
|
||
其他的不需要修改
|
||
|
||
**内容**
|
||
|
||
在简介页面你可以写很多的东西 你可以向写文章一样去写你的简介
|
||
|
||
你只需将内容写在 `about`文件夹下`index.md`文件里面
|
||
|
||
#### 🎉友情链接
|
||
|
||
进入根目录下的`source`文件夹下创建`links`文件夹新建`index.md`文件
|
||
|
||
```
|
||
---
|
||
title: 友情链接
|
||
date: 2020-09-19
|
||
type: "links"
|
||
layout: "links"
|
||
author: 79bk.cn
|
||
---
|
||
```
|
||
|
||
**内容**
|
||
|
||
你可能需要描述你的友情链接 那么你就需要将你想要描述的内容写在`links`文件夹下的`index.md`文件内
|
||
|
||
你会发现和 简介页 内容写法是一样的
|
||
|
||
#### 🎪分类页
|
||
|
||
进入根目录下的`source`文件夹下创建`categories`文件夹新建`index.md`文件
|
||
|
||
```
|
||
---
|
||
title: 文章分类
|
||
date: 2020-11-02
|
||
type: categories
|
||
layout: categories
|
||
author: 79bk.cn
|
||
---
|
||
```
|
||
|
||
### 📖发布文章
|
||
|
||
你需要在发布文章的时候写标头
|
||
|
||
```
|
||
title: 一个简约扁平化的Hexo静态主题博客-Quiet
|
||
categories: 项目案例
|
||
tags:
|
||
- Hexo
|
||
- Quiet
|
||
- 主题
|
||
- 静态主题
|
||
excerpt: 采用简约大方的扁平化Hexo-Quiet主题
|
||
date: 2020-11-03 20:33:36
|
||
cover: 'https://cdn.jsdelivr.net/gh/duogongneng/MyBlogImg/imgQuietView.png'
|
||
```
|
||
|
||
**解释**
|
||
|
||
`title`：文章标题
|
||
|
||
`categories`：分类（最好只写一个）
|
||
|
||
`tags`：标签可以多个
|
||
|
||
`excerpt`：描述
|
||
|
||
`date`：创建日期
|
||
|
||
`cover`：缩略图（你不填就用默认的了）
|
||
|
||
### 🏆主题配置
|
||
|
||
我们进入主题根目录下的`themes`文件夹下的`Quiet`文件里面的`_config.yml`配置文件
|
||
|
||
我们可以在里面 设置网站的标题,各种Logo图标
|
||
|
||
**添加友情链接**
|
||
|
||
在此配置文件中有个 `linksList` 我们可以仿照着去添加你的友情链接
|
||
|
||
### 📝 License
|
||
|
||
|
||
|
||
根据 [MIT](https://github.com/QiaoBug/hexo-theme-quiet/blob/master/LICENSE) 协议开源
|
||
|
||
|
||
|