Coder Social home page Coder Social logo

hexo-theme-quiet's Introduction

一款简约扁平化的 Hexo 主题

Quiet

⛱预览Dome

(如果您正在使用 Quiet 主题,欢迎展示您的博客哦,只需在 README.md 文件中加入您的博客,提交 PR 即可。如果你喜欢这个主题想要收藏下请点下 Star 谢谢~~)

🚁快速使用

English Version

我们首先下载主题

$ 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

LicenseMIT

根据 MIT 协议开源

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.