liukaijv / hexo-theme-pure

一个简洁轻量级的hexo主题

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

hexo-theme-pure

偿试用hexo搭建博客,找了好多主题,要不太花哨了要不简洁的又不合我意;于是自己写了一个,保证够简洁够轻量级。

使用

clone项目下来,放在themes目录

git clone git@github.com:liukaijv/hexo-theme-pure.git

进入目录,把_config.example.yml文件改名为_config.yml

cd hexo-theme-pure
mv _config.example.yml config.yml

设置当前主题为hexo-theme-pure

额外依赖

站内搜索需要生成xml的数据文件,用的是hexo-generator-searchdb

npm install hexo-generator-searchdb --save

样式用的是sass写的,需要安装hexo-render-dart-sass

npm install hexo-render-dart-sass --save

主题配置

配置项也没多少,要配置的menu顶部的主菜单;widgets显示哪个看个人爱好;logo_textlogo名称;需要评论allow_comment改为true,设置gittalk相关的;links是设置友情链接。

# Header
menu:
  Home: /
  JAVA: /categories/java/
  PHP: /categories/php
  Archives: /archives
rss: /atom.xml

# Content
excerpt_link: true

# Sidebar
sidebar: right
widgets:
  - recent_posts
  - category
  #- tag
  #- link
  - tagcloud
#- archive

# widget behavior
archive_type: 'monthy'
archive_format: 'YYYY/MM'
show_count: false

# Miscellaneous
favicon:
logo_text: ""
logo_img: "images/logo.svg"
show_author: false
allow_search: true

# Comments
allow_comment: false
gitalk:
  cdnCssUrl: https://unpkg.com/gitalk@latest/dist/gitalk.css
  cdnJsUrl: https://unpkg.com/gitalk@latest/dist/gitalk.min.js
  clientID:
  clientSecret:
  repo:
  owner:
  admin:
  distractionFreeMode: false
  language: en
  perPage: 10

# Links
links:
  Baidu: https://www.baidu.com/

# Code block copy btn
allow_code_copy: true

评论用的是gittalk,参数和官网差不多,https://github.com/gitalk/gitalk,唯一差别是admin: githubUser不是这样admin: ['githubUser']

Demo

我现在用的

About

一个简洁轻量级的hexo主题

License:MIT License


Languages

Language:SCSS 80.1%Language:EJS 13.3%Language:CSS 3.7%Language:JavaScript 2.9%