Hexo 构建博客 - NexT 主题浅谈

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

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

关于 RSS

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

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

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

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

    1
    2
    3
    4
    # Extensions
    ## Plugins: http://hexo.io/plugins/
    plugins:
    hexo-generate-feed

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

1
2
3
4
# 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

  1. 生成 RSS Feed
    配置完之后在 CLI 中运行:
    1
    $ hexo g

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

最后你可以看到:
效果

修改文件后不生效

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

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

1
$ hexo clean

然后执行:

1
$hexo g

重新生成一次即可。

社交链接图标

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

实际效果:
效果

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 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 中配置:

    1
    2
    3
    4
    5
    6
    # 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

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

最后

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

如果觉得有用,您的支持将鼓励我继续创作!