Giter Club home page Giter Club logo

hexo-theme-archer's Introduction

hexo-theme-archer

preview

在线预览(Online demo)

在线预览主题:Demo

文档

更新

  • 2017.08.17 - 『添加了置顶显示,开启置顶的方法参照此文章
  • 2017.08.26 - 『添加了二次开发文档,文章页header在下滑时隐藏』
  • 2017.09.10 - 『添加了about页面』
  • 2017.09.25 - 『可以直接添加disqus,gitment及畅言了』
  • 2017.09.30 - 『添加了rss,修复了placeholder的bug,更流畅』
  • 2017.10.05 - 『添加toc,默认开启,可在配置中关闭』
  • 2017.10.16 - 『修复移动端bug,增加渐入效果』
  • 2017.12.17 - 『增加阅读进度条,在post页的顶部』
  • 2017.12.27 - 『增加百度分享和页面浏览量统计』

说明

  • 本主题受yilia主题和huxpro主题的启发,结合前者的sidebar设计及后者的UI设计完成。通过sidebar能够不跳转到archive页及tag页进行导航。
  • 如果有任何问题可以发起issue,或在我的博客的文章「hexo-theme-archer」中留言。
  • 兼容性:现代浏览器及IE10+。
  • 喜欢本主题欢迎star😆。

安装

  1. Hexo目录下执行
npm install hexo-generator-json-content --save
git clone https://github.com/fi3ework/hexo-theme-archer.git themes/archer
  1. 修改Hexo目录下的 _config.ymltheme 字段为 archer
theme: archer
  1. 配置sidebar

Hexo目录下的 _config.yml 中添加以下字段(不是archer的主题配置文件)

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: false
    tags: true

可选配置

主题参数配置

# ========== 资料栏 ========== #
# 头像路径
avatar:
# 博主名字,不填写该字段则默认采用Hexo配置文件中的author字段
author:
# 博客签名
signature:
# 社交账号
social:
  email:
  github:
  weibo:
  zhihu:
  douban:
  facebook:
  twitter:
  instagram:
  stack-overflow:
  linkedin:
  blog:
  others:
  rss: /atom.xml
# 友链
friends:
  friendA:
  friendB:
  friendC:
# about页面
about:
  enable: true
  image:

# ========== 站点 ========== #
# 网站的title,每篇文章后面也会加上此字段利于SEO
SEO_title:
# 显示在网站banner上的主标题
main_title: 
# 显示在网站banner上的副标题
subtitle:
# 主页banner的背景图片
header_image:
# 文章页的默认背景图片
post_header_image:
# 404页的背景图片
_404_image:

# ========== 评论插件 ========== #
# 目前支持直接添加LiveRe,Disqus,Gitment和畅言,填写插件对应的字段即可启用。
# 如果想添加其他评论插件,在custom.ejs中添加即可。
comment:
  # livere 官网:https://livere.com/
  livere_uid:
  # disqus 官网:https://disqus.com/
  disqus_shortname:
  # 畅言 官网:http://changyan.kuaizhan.com/
  changyan_appid:
  changyan_conf:
  # gitment 官网:https://github.com/imsun/gitment
  gitment_owner:
  gitment_repo:
  gitment_client_id:
  gitment_client_secret:
  # youyan 官网: http://www.uyan.cc/
  youyan_uid:

# ========== 统计 ========== #
# 是否开启不蒜子统计(为保证统计页面浏览量,需开启)
busuanzi: true
# 百度统计(填写siteID)
baidu_analytics:
# Google统计(填写siteID)
google_analytics:
# CNZZ统计
CNZZ_analytics:

# ========== 其他 ========== #
# favicon
favicon:
# 首页的文章摘要字数(默认300)
truncate_length:
# enable toc
toc: true

文章页banner图片配置

通过配置每篇文章的头部的header_image字段来修改,如果不填写将采用主题配置中的post_header_image字段,如果post_header_image字段未填写则采用site_header_image字段。

header_image: /intro/post-bg.jpg

License

MIT

hexo-theme-archer's People

Contributors

fi3ework avatar secsilm avatar polo2ro avatar

Watchers

James Cloos avatar 乐哥 avatar

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.