是时候该折腾一下 pelican 的主题了!
2016-07-06 / 2016-11-20
分类:

最近一直在 NIUX2 的基础上折腾博客的主题,新主题的名字已经想好了,就叫 NIUX2魔改版 (´・ω・)ノ。

先听首歌吧

尝试一下网易云音乐外链播放器

修改记录

相比 NIUX2 修改了哪些地方呢?请作者原谅我把原来简洁的主题改成这样…

一眼能看出来的

  • 底部相关信息修改为居中;
  • 导航条内容移到中间,修改了粗细,加入下拉隐藏的效果(headroom.js);
  • 鼠标点击页面时的特效(增加彩蛋);
  • 多说样式的修改,embed.js 本地化(然后鼠标悬浮显示多说信息的框框不见了(´இ皿இ`));
  • 页面非选中状态时标题的变化(标题被我吃掉了 (°∀°)ノ);
  • 代码高亮显示样式的修改(monokai),增加行号;
  • 404 页面样式的修改(二次修改后偷用了Karim Maaloul的3D动画,真的好萌)。

多少眼也看不出来的

  • 删除原 CSS 中部分重复代码;
  • 模板页中绝对路径修改为相对路径;
  • 废弃 NIUX2_LIB_* 参数,新增 NIUX2_LIB_FONTAWESOME NIUX2_LIB_JQUERY NIUX2_LIB_BOOTSTRAP_CSS NIUX2_LIB_BOOTSTRAP_JS NIUX2_LIB_HEADEOOM_JS 参数,其实我就是把这些参数每个独立出来了,方便修改为大网站提供的CDN地址;
  • Google Analytics 替换为新版 js ;
  • summary 插件改成最新版的了。
  • 放弃使用原作者写的音乐播放器插件,直接用外链了。

我还想做什么

  • 主页 banner 的添加;
  • 主页文章简介显示样式的修改;
  • 增加关于页面,使用协议页面;
  • 多说增加颜文字表情栏;
  • google 搜索的替换,使用 tipue_search 插件,直接用 js 搜索页面;
  • 无聊小挂件的添加;
  • 也许还会有更多小细节的修改,只为了让我的网站更有趣些。

最后

喔,网站的修改参考了一些独立博客的样式,等我改造结束以后再统一列出吧。

我还发现了几个博客小圈子,V2EX,和知乎上也碰巧看到这些人(实在太巧…)。

还有,为什么我一个后端一直在做前端的东西,而且我还乐此不疲啊,【摔