Hexo-Theme-freemind.bithack

screenshot

修改自hexo-theme-freemin.386 更改了原来的配色和英文字体,添加了对waline/valine/gitalk评论系统的支持

哦还改了386作者留下的无数个bug,之前甚至都没察觉
Fixed Bugs:

  • Markdown 多级标题失效(原三级以下的标题全部和二级一样大小)
  • 首页预览隐藏了二三级标题(但是一四五级就能显示,我还找了半天entry.ejs的问题,结果他妈在css里被隐藏了,无语)
  • 三级标题两边多了个【】
  • 斜体失效 (不仅失效,开头还多了个/)
  • 粗体失效

我不会前端和Node,所有的修改都是自己踩坑摸索出来的,想给这个主题添加新功能的话可以提交PR

安装

  1. 安装 主题:
$ git clone git@github.com:Ares-X/hexo-theme-freemind.bithack themes/freemind.bithack
  1. 安装 hexo-tag-bootstrap (optional):
$ npm install hexo-tag-bootstrap --save
  1. 安装 hexo-generator-search (necessary)
$ npm install hexo-generator-search --save

4)安装hexo-excerpt (must)

npm install hexo-excerpt --save

5)创建页面
Freemind.bithack 预先定义了 Categories(分类)、Tags(标签) 和 About(关于)页面,要使用它们,你需要先在你的博客的 source 目录中添加相应页面。
例如,要创建 Categories 页面,在终端上:

$ hexo new page catergories

然后记得修改layout为对应的页面样式

title: Categories
layout: categories
---

启用

  1. 修改 _config.yml 文件里的 theme 选项为 freemind.bithack
  2. 复制主题下的配置文件到hexo根目录 cp themes/freemind.bithack/_config.yml ./_config.freemind.bithack.yml

配置

Theme Config

slogan: "wubba lubba dub dub."

show_heart: true

show_slogan: true

menu:
  - title: Archives
    url: archives
    intro: "All the articles."
    # icon: "fa fa-archive"
  - title: Categories
    url: categories
    intro: "All the categories."
    # icon: "fa fa-folder"
  - title: Tags
    url: tags
    intro: "All the tags."
    # icon: "fa fa-tags"
  - title: About
    url: about
    intro: "About me."
    # icon: "fa fa-user"
  - title: RSS
    url: atom.xml
    intro: "Subscribe me."
    # icon: "fa fa-user"

links:
  - title: hexo-theme-bithack
    url: https://github.com/Ares-X/hexo-theme-freemind.bithack
    intro: ""
    icon: false

  # - title: "My LinkedIn"
  #   url: http://www.linkedin.com/in/xxx
  #   intro: "My Linkin account."
  #   icon: "fa fa-linkedin"

widgets:
- search
- category
- tagcloud
- recent_posts
- links

rss: atom.xml
fancybox: true
favicon: favicon.png
#duoshuo_shortname: 


# Analytics (change to yours)
google_analytics:
  enable: true
  siteid: UA-70812759-1


# search
#swiftype_key: ZP2ZSuHgipSZfRyU8uTR

#valine comment (change to yours)
# doc: https://valine.js.org/en/hexo.html
valine: 
  enable: false
  appId: 'xxx'
  appKey: 'xxx'
  placeholder: ""
  visitor: true
  avatar: 'monsterid'
  requiredFields: ['nick','mail']
  pageView: false
  
#waline comment (change to yours)
# doc: https://waline.js.org/
waline:
  enable: false
  serverURL: ''
  pageview: false
  lang: en
  dark: true
  requiredMeta: ['nick', 'mail']
  locale:
    placeholder: 'Comment with Email address will get notification when replied'
# gitalk comment (change to yours)
# doc: https://github.com/gitalk/gitalk
gitalk:
  enable: false
  clientID: ''
  clientSecret: ''
  repo: ''
  owner: ''
  admin: ['']
  id: location.pathname # It is recommended not to change
  distractionFreeMode: true

Hexo Config

hexo配置文件(非主题配置文件)中添加:

category_generator:
  per_page: 0

tag_generator:
   per_page: 0

否则进入单个标题或标签的页面只会显示10条内容

hexo配置文件(非主题配置文件)中启用 prismjs

# enable prismjs
highlight:
  enable: false
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: true
  preprocess: true
  line_number: true
  tab_replace: ''

hexo配置文件(非主题配置文件)中添加

excerpt:
  depth: 10
  excerpt_excludes: []
  more_excludes: []
  hideWholePostExcerpts: true

可调整默认文章摘要长度

hexo/source 中创建favicon.png 可修改默认logo

版权信息

修改 \layout\_partial\post\copyright.ejs 文件中的内容即可

<div class="article-footer-copyright">

    本博客采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议(CC BY-NC-SA 4.0) 发布.
</div>

Front-Matter

文章配置

  • description - 简介
  • feature - 设置预览图
  • toc - 启用toc

For example:

title: Tag Plugins
date: 2014-03-16 10:17:16
tags: plugins
categories: Docs
description: Introduce tag plugins in freemind.
feature: images/tag-plugins/plugins.jpg
toc: true
---
⬆︎TOP