icarus主题配置

日常操作命令:

  • hexo server : 简写 hexo s #启动服务
  • hexo generate : 简写 hexo g #生成静态网页
  • hexo deploy : 简写 hexo d #部署

侧边栏

右侧边栏

这个是recent我把他改为了“推荐阅读”,打开\icarus\layout\widget\recent_posts.ejs,找到:

1
<% site.posts.sort('date', -1).limit(5).each(post => { %>

一行,改成:

1
<% site.posts.sort('priority', -1).limit(5).each(post => { %>

然后只需要在每篇文章上面的配置里加上priority: xxx,其中xxx是你自由确定的优先级(1,2,3之类的数字),就可以自由更改显示在那里的文章了。
当然也可以调整显示在那里的文章数量,像这样:

1
<% site.posts.sort('priority', -1).limit(10).each(post => { %>

就是显示10篇文章。10也可以改成其它数字。

然后更改栏目名称。打开\icarus\languages\zh-CN.yml,找到:

1
recents: '最新文章'

一句,把“最新文章”替换成“阅读推荐”就好了。

侧边栏目录的自动编号

这个我暂时没有感觉自动编号对我有什么不舒服,如果以后觉得需要改再弄吧

目录本人一般会手动编号,所以这个自动编号功能对我来说并不友好。所以加个开关好了。

打开\icarus\layout\widget\toc.ejs,把整个文件复制一遍然后粘贴到最后面。然后会有两行像这样的语句:

1
<% if (get_config('toc') === true && (post.layout === 'page' || post.layout === 'post')) {

把第一句改成:

1
<% if (get_config('toc_auto_num') === false && get_config('toc') === true && (post.layout === 'page' || post.layout === 'post')) {

第二句改成:

1
<% if ((get_config('toc_auto_num') === true || !has_config('toc_auto_num')) && get_config('toc') === true && (post.layout === 'page' || post.layout === 'post')) {

然后找到第一个if语段中如下的位置:

1
<span class="has-mr-6">${toc.index}</span>

把它注释掉:

1
<!--span class="has-mr-6">${toc.index}</span-->

然后就可以通过文章前面的toc_auto_num: true/false来控制是不是开启自动编号。

第二种办法:

themes/icarus/layout/widget/toc.ejs

1
2
删除第6行代码即可
<span class="has-mr-6">${toc.index}</span>
关注改为关于

这个东西对我来说也没什么用处。把它链接到关于页面之后,在\icarus\languages\zh-CN.yml里,找到:

1
follow: '关注'

一句,改成:

1
follow: '关于'

然后更改页面打开方式为同一页面跳转,具体做法是打开\icarus\layout\widget\profile.ejs,找到:

1
2
3
<a class="level-item button is-link is-rounded" href="<%= url_for(widget.follow_link) %>" target="_blank">
<%= __('widget.follow') %>
</a>

target="_blank"属性删掉就好了。

站底数字统计

主题是默认支持BuSuanZi,只需要在配置文件中把busuanzi 改为true即可。

在本机通过http://localhost/访问会发现访客数很大,我百度后说是发布到服务器上就好了。确实是。

初步感觉应该是按照IP为维度来分的,大家本机访问域名都是localhost,所以访客数不断累积。放到自己服务器就重新计算了。

站点推送
分享插件
隐藏首页文章

文章里面改动

文章发表时间修改

如果文章发布时间较早,那么默认会显示一年前两年前等,看着不是很美观,于是全部修改为发表的年月日。
源码中改动如下:

  • themes/icarus/layout/common/article.ejs

    1
    2
    第14行
    <span class="level-item has-text-grey">写于<%= date(post.date) %></span>

添加评论系统

之前的WordPress用的是内置评论系统,现在主题里支持很多第三方的评论系统。我采用的是valine,具体配置详见官方文档

$$ —- \mathcal{End} —- $$

Your browser is out-of-date!

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

×