×

Hexo 构建博客 - NexT 主题浅谈

96
Jovey
2016.03.03 15:22* 字数 739

欢迎移步我的博客阅读:《Hexo 构建博客 - NexT 主题浅谈》

利用 Github 所提供的 Github Page 去构建静态的网站已经变得越来越流行,如果还不了解怎么入门,可以阅读我之前的一篇文章「使用Hexo + Next搭建静态博客」。当然构建博客的方法不是只有一种,你也可以尝试其他方法,而本文主要是针对 Hexo 去叙述的。

可能看过「使用Hexo + Next搭建静态博客」这篇文章的同学都已经构建好了属于自己的博客了,那么接下来要说的就是关于 NexT 主题中遇到的一些问题和提示。

关于 RSS

很多同学在看到别人的博客时,都会发现有订阅的功能(即 RSS),但无奈官方介绍比较少,所以无从下手。

那么下面将教大家如何去做:

  1. 准备
    你需要安装一个 Hexo 插件

    $ npm install --save hexo-generator-feed
  2. 配置
    接下来需要在 _config.yml 中配置一下,在 root 目录下的 _config.yml 中添加:

    # Extensions
    ## Plugins: http://hexo.io/plugins/
    plugins:
    hexo-generate-feed

    然后在主题文件夹的 _config.yml 中配置:

    # Set rss to false to disable feed link.
    # Leave rss as empty to use site's feed link.
    # Set rss to specific value if you have burned your feed already.
    rss: /atom.xml
  3. 生成 RSS Feed
    配置完之后在 CLI 中运行:

    $ hexo g

    重新生成一次,你会在 ./public 文件夹中看到 atom.xml 文件。然后启动服务器查看是否有效,之后再部署到 Github 中。

最后你可以看到:


atom.xml

修改文件后不生效

有时候会发现,明明修改了文件的代码,然而没有生效。

其实不是没有生效,而是静态文件没有更新,此时你需要执行:

$ hexo clean

然后执行:

$hexo g

重新生成一次即可。

社交链接图标

说明一下,这些图标都是出自 FontAwesome - 4.4.0,所以你可以根据自己的需求去修改图标。

实际效果:


效果

有的同学会发现自己的图标是个地球:


效果

需要配置的是主题文件夹下的 _config.yml注意:命名需要一致,包括大小写

# Social links
social:
  GitHub: https://github.com/XXX
  Twitter: https://twitter.com/XXX
  Weibo: http://weibo.com/XXX
  Facebook: https://www.facebook.com/XXX
  JianShu: http://www.jianshu.com/XXX

# Social Icons
social_icons:
  enable: true
  # Icon Mappings
  GitHub: github
  Twitter: twitter
  Weibo: weibo
  Facebook: facebook-square
  JianShu: heartbeat

阅读次数

简单介绍一下此功能的做法。

  1. 准备
    需要在 LeanCloud 申请一个帐号,进行一番配置后拿到 AppID 和 AppKey。

  2. 配置
    然后在主题文件夹下的 _config.yml 中配置:

    # Show number of visitors to each article.
    # You can visit https://leancloud.cn get AppID and AppKey.
    leancloud_visitors:
    enable: true
    app_id: XXX
    app_key: XXX

具体可以阅读这篇文章,里面的介绍非常详细!

最后

文章将持续更新,有任何疑问和建议可以在下面评论。

开发日常
Web note ad 1