yilia主题使用体验
yilia主题结合了pacman和常见的平板式主题。界面清爽简洁。在使用过程中,我发现了一些作者没有公布的接口因此针对自身的情况对主题进行了修改。
##yilia主题现存问题
虽然作者说不会支持低版本的IE,但在我电脑上IE11打开时整个排版全都乱了。调出控制台查看发现是渲染引擎的问题。默认的渲染引擎被降到了IE7,经过测试yilia主题至少需要IE9排版才不会乱。问题的关键是这个现象只在我的电脑上出现。朋友的电脑的IE11访问排版并不会乱。我查看了一下默认的渲染引擎是Edge。我也不清楚是怎么回事,所以只好自己修改主题,加上强制使用IE9渲染引擎的代码。添加到了\yilia\layout\_partial\head.ejs
文件下。
1 | <meta http-equiv="x-ua-compatible" content="IE=9"> |
重启电脑后一切都好了。
##小坑
多说ID
我原以为多说ID应在是写在整个网站的配置文件_config.yaml中,但我仔细查看了yilia主题的配置发现duoshuo: true
应该是没问题的。但是却出现了别人的评论。我去了主题作者的博客发现也有人遇到这个问题。后来我查看了多说的JS代码才发现。原来多说的ID被设置成了true。虽然作者有在主题文件中提示改为duoshuo key但是下面的值是true太容易误导了。作者应该这么改比较好。1
2
3#是否开启多说评论,填写你在多说申请的项目名称 duoshuo: duoshuo-key
#若使用disqus,请在博客config文件中填写disqus_shortname,并关闭多说评论
duoshuo: your-duoshuo-key #<-这里输入你的多说ID站长昵称没有中文字体
网站头像下面就是站长昵称。主题作者的昵称是英文的所以看不出来问题。但我的是中文的,很容易看出来因为没有指定中文字体,而被默认设为了宋体。非常难看。这里我本来想修改他的类加上font-family:'MicroSoft YaHei'
但尝试了几种方案都没有奏效。只好直接加行内样式了。解决方案如下。打开themes\yilia\layout\_partial\left-col.ejs
找到<hgroup>
标签。改为以下代码。1
2
3<hgroup>
<h1 class="header-author" style="font-family: 'MicroSoft YaHei'"><a href="/"><%=theme.author%></a></h1>
</hgroup>头像的圆形遮罩
我把头像换了之后发现两边居然还有蓝色的背景。最后决定将头像的背景颜色改为我头像自带的背景颜色。
##隐藏参数
有些参数作者并没有在主题介绍页中说明,但我观察作者的博客发现了这些特性的存在。
博客介绍
头像下面还可以有一行文字用于介绍博客。对应的参数是1
2#subtitle
subtitle: 听说拖鞋才是本体只需要将这个参数添加到主题的_config.yaml中即可。
其他
其他小的想不起来了。改天再来填坑吧。(根本不可能好吗,之前的坑还没填呢!再摔!)