yilia已知问题和部分解决方案

目前blog出现了一些问题,有的已经解决,在这里有解决的方法,还有一些没有解决需要继续研究。
不需要继续研究了,框架已经从yilia换成了icarus。

I. 文章内目录

文章内目录自带的颜色很丑,是一种怪异的蓝色,现在已经改成了橘色。大部分相关的设置都可以搜索tooltip搜索到,但是在目录的旁边有一个冒泡的符号颜色一直不能修改,原因是这个符号是一个icon,颜色是自带的,不是加上去的,所以已经把background-image修改成了none。该问题已解决。


II. subnav设置

yilia自带的subnav有很多社交网络可以选择,但是我想加一个instagram上去。按照网上的教程已经把svg文件打包成功了,但是在console里调用npm run dev的时候一直报缺少sass错误。安装sass也没有成功。该问题待解决


III. left-col-header

left-col-header就是在左侧头上上面的那一小块区域。在电脑上的显示大小是300px*180px。图片的设置在/themes/yilia/main.0cf68a.css中,调整background-image后面的url就可以了。但是这个图片在手机端上显示的有重复,还没有得到解决。之前看起来手机端上是使用nav自动调整在窄屏上的适配。该问题待解决


IV. 返回页面顶部按钮

原来是可以用的,但是莫名其妙的挂了,现在还不知道为什么。估计是搜索top寻找相关信息。该问题待解决


V. 返回js报错

有个litten.me:9005一直在访问,这是个原来编写yilia的xd做的统计功能。导致在chrome的页面上看起来要加载很久。可以在themes\yilia\source\main.0cf68a.js中找到192function,删除掉函数内的内容,就ok了。该问题已解决。


VI. 添加文章置顶功能

先安装插件:

1
2
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

然后在/themes/*/layout(/_macro)/post.ejs输入:

1
2
3
4
5
<% if (page.top) { %>
<i class="fa fa-thumb-tack"></i>
<font color=7D26CD>置顶</font>
<span class="post-meta-divider">|</span>
<% } %>

最后在markdown文件的开头top设置中输入数字,数字越大优先级越高。该问题已解决。


VII. 置顶的标签问题

打开文章之后左上角会有一个紫色的小置顶标签,看起来有点丑,但是不影响正常使用,还不知道怎么美化。该问题待解决
标签问题🏷️


VIII. aboutme显示问题

好像打开网站之后aboutme的显示总是会慢一拍,现在莫名其妙的好了。该问题已解决。

作者

Felix Chen

发布于

2021-08-02

更新于

2021-08-11

许可协议

评论