美文网首页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