2014年4月6日

博客优化完成

       继前段时间注册了域名,启用了新的模板,解决了国内的访问问题后,当时主要存在的已知问题是浏览单独的帖子时,由于有原来blogger的js要加载,而国内无法访问,就这样虽然正文和Disqus的评论可以正常显示,但右侧的索引导航却无法显示,而且浏览器上的提示圈不断的在转动(不知道标准的术语怎们说,就是标签左侧的那个转动的圈子),看着很不舒。当时想解决也没搞定,毕竟对网页相关的编程不熟悉。就这样每次自己打开博客,总觉得不完美,心里有点不舒服。

       好了,又到清明放假了,又可以折腾博客了。 这一次还和上次一样重新下载模板,有了上次的经历后,这次更能明白每个修改项的含义了,搞的和上次差不多时,换了一个木地板纹理的背景,这个是从webqq的背景中搞下来的,自己一直很喜欢这个背景。然后和上次存在的问题一样,那个圈子不断的转啊,在毫无思路的情况下,就先修改其他的功能。

       首先是索引的现实方式,默认情况下点击‘标签索引’或者‘时间索引’后显示的是该索引下的所有帖子的全文,这样出现这么多的信息很不利于感兴趣内容的快速获取与定位,一般常规的方式是只显示标题,而好像默认没有这种功能。好在肯定有许多人有这样的需求,就这样google到了hackosphere.js这个东西,折腾后实现了只显示标题的效果,同时标题旁边有个[+/-]的符号,单击可以展开/收缩全文,真是很赞啊。具体的实现时,有些小问题,如把‘关于’页面也收缩了,自己照着其中的代码,试着修改了一下,居然成功了,哈哈,所以说编程这东西关键在于逻辑,语法这东西需要时参考一下周边的代码,就这样不是新写而是改改小东西东西还是没问题的。然后在主导航栏里添加了全部帖子标题的索引,这样各种索引都全了。下图是只显示标签为‘阅读’的帖子,同时快速展开了‘初夏’这篇。


      还有前几天发现Disqus的评论不能同步到blogger系统的评论中,这个弄过,有时行有时不行,也不知道什么原因,弄了很久没搞定,很恼火,最后不想弄了,好在Disqus也能邮件提醒新的评论。然后很晚了很困,回去睡觉了,又是到了中午才起来,虽然放假了,没有什么去处,照例实验室。现在想解决老难题,就是标签上转动的圈子的问题。自己知道这个和原有的评论系统有关,虽然Disqus覆盖默认的系统,但是还有什么东西要加载,而这些默认的东西被墙堵住了,所以圈子就转啊转的。这次想能不能先把原有的评论系统关掉,google一下,果然没让人失望,原来很简单,直接后台设置评论位置为‘隐藏’模式,然后试试终于把这个老大难的问题解决了,心情大悦。

      之后想想有没有其他好的功能可以添加,就想到数学公式,虽然在这里不太会写技术的细节文章,但是有这种功能总是很好的,毕竟以前也的确用过公式,不过当时是转为图片显示的。这次找到了MathJax这种东西,支持$\LaTeX{}$命令方式写代码,这正是我想要的,而且渲染的公式是矢量模式的,真实太好了。例如一元二次方程的$ax^2+bx+c=0$有两实数根时的求根公式为:$$  x_{1,2} = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$ [PS:后来建了子博客,在那里写技术的东西,就把主博客的公式支持取消了]

       以前在网上听说搞网站的人对老版的IE,尤其是随着XP一起的IE6可谓恨之入骨,理由是不支持新的网页标准,这样搞网站要特别的处理其不兼容的问题,毕竟IE6有太多的用户,这一次自己弄时才感受更深。好像过几天XP要正式被微软退役了,不过IE7 8 9也好不到哪里去,这些浏览器默认打开这个博客时很慢很慢,而新版的IE10就好了,其他新版的浏览器也没问题。就这样设置检测到旧版的IE时,在右上角放置如下图的提示,这个是上次搞定的,不过上次没有提到新版IE,这次提到新版的IE,这样才不失一般性。


       在写这篇博客进行插图时,发现上次对图片设置了访问的白名单后,这次后台也不能使用了,分析了执行的网址信息,添加了 https://images-blogger-opensocial.googleusercontent.com 为白名单,同时‘允许refer为空’后才能完成图片的上传和后台编辑框下的预览。真是生命不息,折腾不止。

        经过这一轮的折腾后,博客又上了一个台阶,虽然还存在些许问题,但比之前好多了,新的背景也好看了很多,之后要多多写些东西,不能只有个空架子啊。

注:本次折腾的时间为 4.4晚到4.5下午。

Posted in , . Bookmark the permalink. RSS feed for this post.

Done is better than perfect!