模板基本修改完毕

经过几天的调整,终于把Bitcron NexT主题修改成自己心目中的样子,调整比较多的还是一些细节(本文持续更新,更新内容按日期倒序):

8月25日

  • 对文章目录的显示样式进行了修改。后续搜索结果实现了pjax加载。至此实现全站pjax。

7月29日

  • 使用Animate 1 增加了部分CSS3动画。
  • 利用css after、before添加内容(如果是中文,注意编码一定要统一,否则会乱码;也可以 将中文转化为unicode )。

7月24日

  • 后续jQuery的完善(因为使用pjax局部加载,导致部分样式没法刷新,只好通过编写JS修复了。期间因为正则匹配的小问题,粗心的我居然调试了一个多小时,泪奔::>_<::。)

7月23日

  • 模板基本实现了pjax加载(因为pjax存在的某个BUG 2 ,踩了个坑。)

经过一个月试用pjax,发现pjax功能会导致Bitcron因为支持评论所加载的CSS、JS等请求每次页面加载均需重载,致使页面LOAD时间会延长,除非自定义代码重构来实现评论。9月1日已经暂时去掉pjax功能。

7月22日

  • 增加了tooltip提示功能;增加了“一句话”特色文章样式;增加了搜索功能。

7月20日

  • 修改了默认模板的主题颜色;修改了默认的评论框样式。
  • 增加了关于页面;增加了相邻文章链接;归档页面增加了文章热度。

  1. Animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动、闪烁、弹跳、翻转、旋转、淡入淡出等多达 60 多种动画效果,几乎包含了所有常见的动画效果。  

  2. pjax 局部加载带有<script type="text/javascript" src="xxx.js"></script>的时候,存在无法加载的情况。pjax的机制是自动异步加载html内容,然后会自动将script[src]的内容加入到<head>标签最后,但经常会出现问题,这个机制是为了减少js的请求次数,不必每次都加载js,但产生bug的具体原因不明(有知道的请留言)。解决方案:禁止将script[src]的内容拷贝到<head>中,牺牲js缓存,也就是每次加载container都加载一次js,问题解决。  

本文最后一次更新时间:

Comments
Write a Comment
  • 恩,超级经典的一个主题~

  • cnde reply

    主题修改的很不错

    • @cnde 谢谢。没留链接,无法回访。😭

      • @Ton 给您留一个(๑•ᴗ•๑)

  • 我也超喜欢这个主题!你修改的也很棒!动画效果好看!

    我很喜欢首页微信发布显示的样子,像是发布了一条状态一样。

    • @小F 谢谢,用微信方便些,随时随地打开即可吐槽。

  • 评论框小猫在默认的留言模板该怎么修改,很萌很萌啊。另外,分类该怎么实现?小白一个,可以看看我的博客,帮忙一下。在哪个模板改,如何改?真的谢谢了

    • @铁云 在网站样式表中添加以下CSS代码:.doc_comments #new_comment_form .new_comment{background: url(**.jpg) right top no-repeat;}//星号所在括号内容请替换成自己想要添加的图片路径。

      你说分类指的是什么?

  • @Ton hi,谢谢您的回复。分类指的categories,比如你的模板导航可以用分类、标签。我的用的菩提的模板,仅有分类。https://tieyun.bitcron.com/。怎样在模板中加入识别提取我mareditor建好的文件夹的分类,和我自己做好的标签作为导航。比如我的链接https://tieyun.bitcron.com/post/tags,并没有标签归类。categories同样也没有,在模板修改上该如何实现。

    • @铁云 循环输出分类及标签的代码如下:

      extends base

      block content

      #categories

      for category in posts.categories

      a(href=category.url)=category.title

      #tags

      for tag in site.tags

      tag_name = tag[0]

      a(href='/tag/%s'%tag_name)=tag_name

      可以新建个页面,放进去。至于导航显示哪类标签,请在Dashboard中添加自定义导航即可。

  • 好漂亮的主题!博主打算开源一下吗? 😀