美文网首页web开发
hexo黑色主题

hexo黑色主题

作者: tommy123 | 来源:发表于2017-05-26 19:08 被阅读133次

主题图片

主题首页

black-blue主题来源

本主题修改自spfk主题,但之前spfk主题有很多问题,本主题改进如下:

  1. 压缩js,css提高性能
  2. 代码段样式显示更完美
  3. 增加本地搜索
  4. 设置更合适的字体大小
  5. 颜色以黑色和蓝色为主,色彩鲜明
  6. seo适当优化
  7. 删除多说,有言,增加畅言评论
  8. 删除stylus,全部改用css方便修改

主题地址

black-blue

注意:

大家使用主题的时候,把主题配置文件_config.yml以下几项必须修改,项目里实用的是我博客的正式代码,请大家修改成自己的!

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/maochunguang/black-blue,修改_config.yml theme: black-blue

安装常用插件,建议全部安装

## 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

插件配置

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

rss设置

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

本地搜索配置

search:
  path: search.json
  field: post

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

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

主题配置

菜单配置

# Header | 主菜单
## About Page: `hexo new page about`
## Tags Cloud Page: `hexo new page tags`
menu:
  # 主页: /archives/
  所有文章: /archives/
  玩转开发工具: /categories/开发工具/
  玩转数码: /categories/digital
  认知提升: /categories/cognition
  关于我: /about/

评论配置

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

其他配置,详细的配置请下载主题,都有注释

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

如果文章对你有帮助,请去我的博客留个言吧! 我的博客

相关文章

网友评论

  • 小欧lq:请问下,全部文章下面的关于我怎么加,我看了下生成的静态页面没有about
    小欧lq:@tommy123 :joy: 要创建什么文件,md文件吗?路径改成/categories/吗,感觉怪怪,我看了你那个博客,路径是/about/
    tommy123:@小欧lq 可以手动创建文件,制定链接就行了
  • Hachim:请问一下,我安装你的配置了头像,为什么网页加载不出来呀
    tommy123:@Hachim 如果你得域名是hhtps,请更新最新的主题
    tommy123:先检查一下路径,如果路径没问题,把动画关掉。有网友反馈过,开启动画会导致头像不显示

本文标题:hexo黑色主题

本文链接:https://www.haomeiwen.com/subject/vkixfxtx.html