刚刚上手的hexo默认的是lanscape主题，而网上流行的主要是next主题，前者太丑，后者太简单，于是我选来选去选择了icarus主题。本篇主要记录hexo的icarus主题配置过程中的一些疑难问题以及解决办法。

1、新建markdown文件的头部写法

我一开始生成了pages之后发现我没有categories，怎么办呢？在创建hexo新文章的时候，默认只会给出title, date, tags三个选项，我们需要把他们扩充成下面几项。其中thumbnail是预览页面展示的图片。

title: hexo icarus主题配置的记录
date: 2019-11-22 19:22:30
categories: [hexo]
tags: [hexo]
thumbnail: https://blog.zhangruipeng.me/hexo-theme-icarus/images/logo.svg

2、加入评论系统

我这里使用的是gitment。

Gitment是imsun实现的一款基于 GitHub Issues 的评论系统。支持在前端直接引入，不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作，同时有完整的 Markdown / GFM 和代码高亮支持。尤为适合各种基于 GitHub Pages 的静态博客或项目页面。 虽然 Gitment 只能使用 GitHub 账号进行评论，但考虑到博客受众，这是可以接受的。

操作步骤结合icarus作者的教程以及imsun的博客。

需要在主题下的config文件中修改原来的comment部分为：

comment:
    type: gitment
    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

发现激活不成功，经过搜索，将layout目录下的gitment.ejs这个文件中的两行代码改掉即可。

原来为：

<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>

修改为：

<link rel="stylesheet" href="https://billts.site/extra_css/gitment.css">
<script src="https://billts.site/js/gitment.js"></script>

3、左边个人信息栏更换图标

原主题给定的是Github, Facebook, Twitter, Dribbble, RSS这六个网页，不符合中国大陆网友的一般习惯（至少不符合我的使用习惯），于是我想把这六个改为Github, Gitee, Bilibili这三个。

仔细查询之后发现theme的config里面使用的是Fontawesome的图标，自己想要什么图标上去搜就好了，注意还要把原来的link替换成自己的。需要重点注意的是，Github之类的这些分类冒号后面不能写注释，一写就报错。修改如下：

social_links:
    Github:
    	icon: fab fa-github
    	url: 'https://github.com/Cytor/'
    Gitee:
    	icon: fab fa-git-square
    	url: 'https://gitee.com/cytor'
    Bilibili:
    	icon: fas fa-tv-retro
    	url: 'https://space.bilibili.com/390519714'

参考资料

1.icarus作者博客

2.icarus作者Github

3.gitment作者博客

4.解决hexo gitment 的object ProgressEvent问题