美文网首页
Hexo博客其他功能项配置

Hexo博客其他功能项配置

作者: flycorn | 来源:发表于2017-01-18 16:16 被阅读195次

    1、配置导航

    //进入对应主题的配置文件
    //如:blog/themes/next/_config.yml
    
    #找回menu配置项(按照自己的需求添加或修改)
    menu:
      home: /  #首页
      archives: /archives  #归档页
      #sitemap: /sitemap.xml
      #commonweal: /404.html
    

    2、标签页

    //生成标签页
    hexo new page tags
    //此时blog/source/目录下会生成 tags/index.md
    
    //配置index.md
    ---
    title: Tagcloud
    date: 2017-01-11 15:23:30
    type: "tags"
    ---
    
    //添加标签页导航
    vim blog/themes/next/_config.yml
    
    #找到menu配置项(按照添加tags)
    menu:
      home: /  #首页
      archives: /archives  #归档页
      tags: tags  #标签页
      #sitemap: /sitemap.xml
      #commonweal: /404.html
    

    PS:文章添加标签如下:

    ---
    title: Hexo+Github搭建个人Blog
    date: 2017-01-11 15:40:26
    tags: [Hexo,Github,Blog]  #只有1个标签可用(tags: Hexo)
    ---
    

    3、404页

    cd blog/source/
    //将准备好的404.html页面放入此目录
    
    # 404.html
    <!DOCTYPE HTML>
    <html>
    <head>
        <title>404 - Flycorn's Blog</title>
        <meta name="description" content="404错误,页面不存在!">
        <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="robots" content="all" />
        <meta name="robots" content="index,follow"/>
    </head>
    <body>
    <script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8" homepageurl="/" homepagename="回到Blog"></script>
    </body>
    </html>
    

    4、分类页

    //生成分类页
    hexo new page categories
    //此时blog/source/目录下会生成 categories/index.md
    
    //配置index.md
    ---
    title: 分类
    date: 2017-01-18 12:04:11
    type: categories
    ---
    
    //添加分类页导航
    vim blog/themes/next/_config.yml
    
    #找到menu配置项(按照添加categories)
    menu:
      home: /
      categories: /categories
      about: /about
      archives: /archives
      tags: /tags
      #sitemap: /sitemap.xml
      #commonweal: /404.html
    

    PS:文章添加分类如下:

    ---
    title: Hexo+Github搭建个人Blog
    date: 2017-01-11 15:40:26
    tags: [Hexo,Github,Blog]  #只有1个标签可用(tags: Hexo)
    categories: 学习笔记
    ---
    

    5、多说评论模块

    next主题为例!

    1、注册[多说](http://duoshuo.com/)
    
    2、登录后在首页选择 “我要安装”。
    
    3、创建站点,填写表单。多说域名 这一栏填写的即是你的 duoshuo_shortname
    
    4、创建站点完成后在 站点配置文件 中新增 duoshuo_shortname 字段,值设置成上一步中的值(如:flycorn)。
    

    6、友情链接

    next主题为例!

    //编辑主题配置
    vim blog/themes/next/_config.yml
    
    # 找到 social 选项,配置外链
    social:
      GitHub: https://github.com/flycorn
      简书: http://www.jianshu.com/u/d3b9df1ce6d9
    
    #配置外链图标
    social_icons:
      enable: true
      # Icon Mappings.
      # KeyMapsToSocalItemKey: NameOfTheIconFromFontAwesome
      GitHub: github
      Twitter: twitter
      Weibo: weibo
    

    7、Rss订阅模块

    next主题为例!

    1、安装插件
    cd blog
    npm install hexo-generator-feed
    
    2、编辑站点配置
    vim _config.yml
    
    # 配置RSS
    feed:
      #feed 类型 (atom/rss2)
      type: atom
      #rss 路径
      path: atom.xml
      #在 rss 中最多生成的文章数(0显示所有)
      limit: 0
    

    以上配置完,需执行以下:

    #清除缓存
    hexo clean
    #生成静态页
    hexo generate
    #发布到github
    hexo deploy
    

    相关文章

      网友评论

          本文标题:Hexo博客其他功能项配置

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