hexo主题icarus的一些玩法

---

设置文章封面图

在文章的front-matter中添加cover选项：

cover: /gallery/covers/cover.jpg

设置一个点击后打开的代码块

代码：

{% codeblock "点击后显示代码" lang:代码语言 >folded %}
hi
{% endcodeblock %}

效果：

点击后显示代码 >folded

hi

上面两条来自PPOffice

一段红色框的文字

代码：

{% raw %}<div class="notification is-danger">{% endraw %}
本文含结局剧透，请谨慎阅读。
{% raw %}</div>{% endraw %}

效果：

本文含结局剧透，请谨慎阅读。

修改widget

把hexo-component-inferno/src/view/widget需要的JSX 复制到icarus/layout/widget，如归档，分类，标签等。

上面三条来自虹墨空间站

归档widget时间格式改成2021-03

完成上一步，修改icarus/layout/widget/archives.jsx，第119行改成

const name = date.format(format || type === 'monthly' ? 'YYYY-MM' : 'YYYY');

点击头像和名字可以返回主页

修改icarus/layout/widget/profile.jsx，第38行改成

<a href="/"><img class={'avatar' + (avatarRounded ? ' is-rounded' : '')} src={avatar} alt={author} /></a>

第40行改成

{author ? <a href="/"><p class="title is-size-4 is-block" style={{'line-height': 'inherit'}}>{author}</p></a> : null}

个人资料的联系方式图标搜索

https://fontawesome.cc/

生成并显示文章的目录

在文章的front-matter中添加cover选项：

toc: true