Hexo 构建博客 - NexT 主题浅谈

作者: Jovey | 来源:发表于2016-03-03 15:22 被阅读2738次

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

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

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

关于 RSS

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

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

  1. 准备
    你需要安装一个 Hexo 插件
$ npm install --save hexo-generator-feed
  1. 配置
    接下来需要在 _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
  1. 生成 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

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

最后

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

相关文章

网友评论

  • 骑砍2今天发售了吗:想问一下社交图标小地球怎么解。配置文件按官方给的写的
  • Moorez:上面
    plugins:
    hexo-generate-feed
    要改成
    plugins: hexo-generate-feed
    才能运行,不然会出现错误
  • 5741682c8df1:怎么修改 Home , Tags 为中文呢
    5741682c8df1:thanks!
    Jovey: @EncoreLiang 修改一下根目录的 _config.yml 中 language: zh-Hans
  • coder_lwj:正在使用这个搭博客,挺有用的。
    Jovey:@毛爷爷说我丑 谢谢
  • 李佳:博主你好,不知道为什么,我这边新建分类和标签栏目,点进去就是干巴巴的字,没有样式,非常丑- - 不知道要怎么调,希望博主帮你解答一下
    Jovey:@李佳 可以的话提供一下站点地址,这样方便看到

本文标题:Hexo 构建博客 - NexT 主题浅谈

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