从零开始的Hexo博客搭建教程(二):主题

从零开始的Hexo博客搭建教程(二):主题

🧁 为你的 Hexo 博客添加美观的主题,包括主题配置、分享、打赏、评论插件等。

主题

安装主题

1
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

Next, replace the theme setting in your blog’s _config.yml file:

1
theme: icarus

配置主题

评论插件

对比多款评论插件 后最终选用 gittalk,UI 非常美观

  • 使用 GitHub 登录
  • 支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru]
  • 支持个人或组织
  • 无干扰模式(设置 distractionFreeMode 为 true 开启)
  • 快捷键提交评论 (cmd|ctrl + enter)

npm 安装

1
$ npm i --save gitalk

需要 GitHub Aplication

如果没有 点击这里申请Authorization callback URL 填写当前使用插件页面的域名。

修改 _config.yml

1
2
3
4
5
6
7
8
9
10
11
12
comment:
type: gitalk
owner: xxxxxxxx # (required) GitHub user name
repo: xxxxxxxx # (required) GitHub repository name
client_id: xxxxxxxx # (required) OAuth application client id
client_secret: xxxxxxxx # (required) OAuth application client secret
admin:
xxxxxxxx # (required) GitHub repo owner and collaborators who can initialize github issues
# Can either be a string or an array.
# admin:
# - xxxxxx1
# - xxxxxx2

其他配置项请 访问github 仓库 查看

未找到相关的 Issues 进行评论

请联系 @gylidian 初始化创建

https://blog.csdn.net/dataiyangu/article/details/84961965



📘《从零开始的Hexo博客搭建教程》系列文章:

  1. 从零开始的Hexo博客搭建教程(一):开始
  2. 从零开始的Hexo博客搭建教程(二):主题
  3. 从零开始的Hexo博客搭建教程(三):SEO优化
  4. 从零开始的Hexo博客搭建教程(四):图床
  5. 从零开始的Hexo博客搭建教程(五):文章发布
  6. 从零开始的Hexo博客搭建教程(六):插件
  7. 从零开始的Hexo博客搭建教程(七):遇到的坑

评论

Blog tasks

1 / 4 tasks

  • About 页面大修

    • Mark done
    • Edit
    • Delete
  • TOC 滚动更新位置
  • 设计 Logo SVG

    • Mark done
    • Edit
    • Delete
  • todo 小组件大小单位用 rem

    • Mark done
    • Edit
    • Delete
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×