Hexo在侧边栏增加个人简介的方法

和上一篇文章类似,实际上,Hexo是没有提供这项功能的,或者说我使用的这款皮肤没有,但是我们可以手动对它进行添加,打开目录下的themes/你的主题/layout/_macro/sidebar.swig,我们可以看见一些标签混杂着大括号及代码,不过没关系,这里不需要会 swig 的语法,打开你的博客,查看源代码,找到sidebar部分,在你觉得恰当的位置,插入

1
2
3
4
<div>
<p style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;前端工程师一枚,目前是大二在校生,拥抱WEB,且学且行。喜欢音乐与制作有趣的网页,喜欢尝鲜,愿能给世间留下一点不一样的色彩。</p>
<p style="text-align: left;" >生活博客: <a href="http://Chuck.club">Chuck.club</a> </p>
</div>

关于插入代码的解释:不去改动CSS代码,只在局部生效,不干扰全局,减少耦合性。

我的建议是在

1
2
3
4
5
6
<div class="site-state-item site-state-tags">
{% if theme.menu.tags %}<a href="{{ url_for(theme.menu.tags) }}">{% endif %}
<span class="site-state-item-count">{{ site.tags.length }}</span>
<span class="site-state-item-name">{{ __('state.tags') }}</span>
{% if theme.menu.tags %}</a>{% endif %}
</div>

后添加,也就是在3个统计之后添加说明。

具体效果可以见本站的侧边栏。