汇集多款hexo主题优点，颜色由黑色和蓝色为主，结合大医同盟主色调+IDEA Darcula主题，打造专属Darcula主题

主题预览

主题来源

Andy-Darcula主题由black-blue修改而成，在此基础上做了部分优化，具体改进如下：

1. 颜色由黑色和蓝色为主，结合大医盟主色调+IDEA Darcula主题
2. 进一步压缩混淆css和js
3. seo优化，
4. 优化站内搜索（根据title来搜索）
5. 删除stylus，直接使用并优化css
6. 评论插件修改，删除多说，增加畅言
7. 增加打赏功能
8. http协议与https协议自动匹配兼容

主题地址

Andy-Darcula

注意事项

把主题配置文件_config.yml以下几项必须修改！

1
2
3
4
5
6
7
8
9
10

google_analytics: xxx
baidu_analytics: xxxxxxx
disqus:
  on: false
  shortname: xxxx
# 畅言评论
changyan:
  on: true
  appid: xxxx
  conf: xxxxx

black-blue主题配置

切换主题

复制主题到themes目录下cd themes && git clone https://github.com/andy-huaan/Andy-Darcula.git，修改_config.yml theme: Andy-Darcula

安装常用插件

建议全部安装

1
2
3
4
5
6
7
8
9

## rss插件
npm install hexo-generator-feed --save
## 站点sitemap生成插件
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
## 百度url提交
npm install hexo-baidu-url-submit --save
## 本地搜索插件集成
npm install hexo-generator-search --save

博客全局配置

修改根目录下_config.yml
插件配置

1
2
3
4

Plugins:
- hexo-generator-feed
- hexo-generator-sitemap
- hexo-generator-baidu-sitemap

rss设置

1
2
3
4

feed:
  type: atom
  path: atom.xml
  limit: 20

本地搜索配置

1
2
3

search:
  path: search.json
  field: post

站点地图，seo搜索引擎需要

1
2
3
4

sitemap:
  path: sitemap.xml
baidusitemap:
  path: baidusitemap.xml

主题配置

菜单配置

1
2
3
4
5
6
7
8
9

## 添加单独的页面:hexo new page about，about是页面的路径，也是名称
## Tags Cloud Page: `hexo new page tags`
menu:
  # 主页: /archives/
  所有文章: /archives/
  爱编程: /categories/coding/
  Linux: /categories/linux
  工具: /categories/tools
  关于我: /about/

评论配置

1
2
3
4
5
6
7
8
9

# 是否开启畅言评论，
changyan:
  on: true
  appid: xxxx
  conf: xxxxxxxxxxxx
# 是否开启disqus，
disqus:
  on: false
  shortname: mmmmmm

其他配置

详细的配置请下载主题，都有注释

1
2
3
4
5
6
7

# 数学公式支持
mathjax: false
# Socail Share | 是否开启分享
baidushare: true
# 谷歌分析，百度分析，seo分析很有用
google_analytics: xxxxxx
baidu_analytics: xxcxcxcsdsf

自定义配置

显示更多和折叠文章

你的md文件格式需要按下面的来：

1
2
3
4
5
6
7
8
9
10

title:主题
date: 日期
tags: 标签
categories: 分类
---
** {{ title }}：** <Excerpt in index | 首页摘要>
摘要
<!-- more -->
<The rest of contents | 余下全文>
正文……

头像配置

在themes/black-blue/source/img/avatar.png,替换此头像即可实现自定义头像

背景图片配置

在themes/black-blue/source/background/,替换为自己喜欢的图片，图片名称不能改

添加评论插件

比如把畅言替换为有言

1. 先修改themes/black-blue/_config.yml文件

   1 2 3

   changyan: on: true uid: xxxxxxx

2. 修改themes/black-blue/layout/_partial/comments/changyan.ejs

   1 2 3 4 5

   <section class="changyan" id="comments"> <div id="uyan_frame"></div> <script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=<%= uid%>"> </script> </section>

3. 修改themes/black-blue/layout/_partial/article.ejs

   1 2 3

   <%- partial('comments/changyan', { uid: theme.changyan.uid }) %>

4. 重新生成页面hexo g