icarus使用知识
前几天用yilia改subnav,莫名其妙的又把yilia改出问题了,这次干脆直接把主题换掉了,一步到位。
不得不说icarus确实是个非常优秀的主题,首先图标就是调用的GitHub上的fontawesome库,再也不用自己调整图标了😅 有空再研究研究图片的设置了。
I. 安装icarus
Github链接: https://github.com/ppoffice/hexo-theme-icarus
Icarus网站链接: https://ppoffice.github.io/hexo-theme-icarus/
安装过程和教程里写的差不多,但是有的时候会提示node缺少依赖,需要按照要求安装相对应的依赖,就可以解决这个问题。
这时候就可以发现多在myblog
目录下多了一个_config.icarus.yml
文件,这个文件就是负责配置icarus主题的。(这个配置文件的位置和yilia的配置文件不一样,需要注意一下)
老版的icarus下载的时候是自带这个文件的,但是新版的(version4.0.0)现在好像没有了,当运行的时候假如检测到没有会自动生成,所以不用担心。
II. _config.icarus.yml配置
这个配置文件一般就在myblog
下,假如没有的话可以去myblog\themes\icarus\
下看有没有_config.yml
文件。
There’re many kinds of setting in this doc. Most have been explained clearly.
variant
Two kinds of variants: “default” & “cyberpunk”. I picked default one cus it’s easier to read and customize.
logo
This part is for setting up the logo in the website header. Pic and str are available.
head
favicon
Keeping the old favicon. Url and pic are both available here.
other options
I didn’t edit other options. Since there’s no need for these options currently.
navbar
menu
The horizontal menu on the top of the website. I deleted about
button.
links
The GitHub icon on the right-top of web.
footer
Three icons on the right-bottom of web.
article
Code highlight and readtime settings are in this part. I think it’s nice for now, so didn’t edit them.
search
No edit.
comment
经过考虑选择了Facebook的评论插件,先用用再说。
share
用的是sharethis插件。进去之后选择Start with Share Buttons
,然后开始自定义按钮并登陆该网站(提醒一下自己使用163邮箱登录的)。最后,从HTML代码段中复制src
中的URL地址到分享按钮配置中。
1 | <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=6113d16f12036d00122e6422&product=inline-share-buttons" async="async"></script> |
donate
有一说一不大好意思开这个功能,先不开吧。
sidebar
两边的sidebar都是可以移动的,这样看起来页面会充实一些,不会太空。
widgets
这里是页面左右组件,在个人介绍页面上最爽的就是可以通过调用GitHub的fontawesome库,这样可以添加很多subnav的标志。
假如设置了gravatar
链接,会优先提取邮箱的头像作为avatar
,所以那里不要设置邮箱。
plugins & providers
No edit.
III. markdown新增加知识
icarus主题需要在markdown文件里设置toc: true
。这样才可以正常在左侧sidebar显示目录。
设置中的categories
可以设置文章的分类。
顶端设置中
1 | title: icarus使用知识 |