欢迎移步我的博客阅读:《Hexo 构建博客 - NexT 主题浅谈》
利用 Github 所提供的 Github Page 去构建静态的网站已经变得越来越流行,如果还不了解怎么入门,可以阅读我之前的一篇文章「使用Hexo + Next搭建静态博客」。当然构建博客的方法不是只有一种,你也可以尝试其他方法,而本文主要是针对 Hexo 去叙述的。
可能看过「使用Hexo + Next搭建静态博客」这篇文章的同学都已经构建好了属于自己的博客了,那么接下来要说的就是关于 NexT 主题中遇到的一些问题和提示。
关于 RSS
很多同学在看到别人的博客时,都会发现有订阅的功能(即 RSS),但无奈官方介绍比较少,所以无从下手。
那么下面将教大家如何去做:
- 准备
你需要安装一个 Hexo 插件:
$ npm install --save hexo-generator-feed
- 配置
接下来需要在_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
- 生成 RSS Feed
配置完之后在 CLI 中运行:
$ hexo g
重新生成一次,你会在 ./public
文件夹中看到 atom.xml
文件。然后启动服务器查看是否有效,之后再部署到 Github
中。
最后你可以看到:
修改文件后不生效
有时候会发现,明明修改了文件的代码,然而没有生效。
其实不是没有生效,而是静态文件没有更新,此时你需要执行:
$ 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
阅读次数
简单介绍一下此功能的做法。
准备
需要在 LeanCloud 申请一个帐号,进行一番配置后拿到 AppID 和 AppKey。配置
然后在主题文件夹下的_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
具体可以阅读这篇文章,里面的介绍非常详细!
最后
文章将持续更新,有任何疑问和建议可以在下面评论。