hexo黑色主题

主题图片

主题首页

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,442评论 19 139
  • 1. 设置主题风格 打开 themes/next/_config.yml 文件,搜索 scheme 关键字,将你...
    迟道阅读 21,245评论 10 47
  • 第一章 安装Git工具 下载GitHub for Windows,直接点击安装,安装完成后,可以看到“Git Sh...
    不圆的石头阅读 14,081评论 5 63
  • 数字媒体导论 1艺术家 计算机 1.2新媒体,新自由度,新领域 word wide web 1.3过去 艺术家,技...
    092wiy阅读 1,722评论 0 0
  • 看到姐姐们的朋友圈得到您的消息,当时我正在铁路警察的车上,知道会有这一天,但当这一天真的来临的时候,还是无法止住悲...
    洗尽铅华_雪阅读 1,625评论 0 1