重构当前使用的blog主题 - Angel's Blog.

ing
 
 
软件开发,程序设计,前端设计
 
 
首页 > code > 重构当前使用的blog主题

重构当前使用的blog主题

 

花了我今天一整天的时间,重构当前使用的micolog主题,重构的动力在于HTML5

不仅仅是重构前端页面,后台也增加一点业务逻辑的代码实现,

当然了,后台业务逻辑是我这两天业余实现写了点想实现的代码(其实都很简单的实现),

当前主题已经通过HTML5CSS3的valid;

同样,顺便在下午的时候也将tumblr的主题进行更新到HTML5

 

⑴:先说说前端:

1)重构了css样式部分,支持css3的标准和属性,增加了HTML5部分的对应样式设置;

2)删除和修改之前无效的id样式

3)按照HTML5的核心内容,重新将页面修改为HTML5的标准要求。

4)删除HTML5不建议的meta标签和a标签对应的rel属性, 还有建议中文url转换unicode

5)对ie系列浏览器的支持(没有使用ie6,不晓得是否兼容ie6)

6)仿mucid同学blog的评论部分tip

7)其它的一些细节。

 

⑵:然后再说说后台:

1)micologdjango 0.96升级到1.2;

2)application交给run_wsgi_app 句柄处理运行

3)首页不再使用javascript在前端 对编号分页的计算,将计算移交到后台业务处理;

4)增加baidu的sitemap

5)单独增加存档的页面显示archivelists

6)修改 云在天边 提供的 wap插件, 包括后台输出主页编号分页,增加分类的wap页面,支持wap视图下的文章slug功能,对应移动wap版本的mobilesitemap等等功能。

 

对于python:

 

好用,的确好用,我几乎没学过这门语言,却感觉他很亲切,也许我是用java比较多吧,换成python发现它真的很简单,配合django这么协调的mvc框架真的很棒,分层明晰,语言简洁干净,django的view层的标签,后台和数据访问层的py脚本。。。哈哈。。对于我这个python蟒蛇盲,竟然也能应付些。。。当然实现功能的过程也遇到了些error,还好通过经验都解决了,也学习到一些东西。

 

对于 HTML5:

 我也算是跟风吧,呵呵,测试了下各种浏览器的支持,目前为止,chrome和firefox 对HTML5的部分支持是相对好的,opera和safari其次,ie简直就是残废·!!!!

 

HTML5说它更简洁?至少有些部分我并不这样认为的。。。我的感觉它的定义规范、更具有一些约束力;

 

说说他的规范:

提到规范,其实就是遵循的“标准”,“规则”;

譬如 什么标签就应当被某个标签包裹起来,譬如:header 包裹hgroup,而hgroup必须只能和h标签相关,譬如h1h2,不允许有p标签,这个和HTML4系列是不同的;

articlenav标签的定义,使得整个HTML文档对 搜索引擎 更加的友好,区域的语义更加明确;input表单的某些新特性更加人性化,譬如类型为email的表单,是否在表单填写内容的属性required。

还有更有趣的:表单可以支持自定义表达式的正则匹配的属性:pattern。。。。还有很多的特性不罗列了。。。

 

HTML5的canvas也很强大,配合javascript可以进行各种的绘图,如同canvas是一张纸,javascript是水笔,通过javascript可以在强大的canvas上绘画,video标签提供的视频流媒介是HTML5针对Adobe的一个手段,摆脱Adobe的独大。

还有很多。。。。这一点点只是我的个人理解。。。也是我有冲动,将blog重构到HTML5的主要原因,虽然不晓得什么时候能将HTML5标准定下来,但是作为个人来讲,还是很看好 HTML5的。

 

针对css部分的重构:

的确不是那么简单的事情,尤其是怎样将id样式和类样式进行归类和划分,怎样才能更好的重用css而不去滥用;

毕竟我也不是专搞前端开发的,搞前端UI的都伤不起。。。。

 

好了。。。先写到这里了,顺便提醒下大家,天气渐冷,大家也要小心着凉。。。:)

或者通过RSS 关注本站的更新 ^ O ^ 。” —  by  转载请注明:来自 Angel's Blog.
本文永久链接: http://www.0ee.com/2011/09/20/blog-code-rebuild-to-html5.html
 
分类: code标签: , , , , , , , ,
 
  • QQ书签
  • Del.icio.us
  • 百度收藏
  • Google
  • 饭否
  • FriendFeed
 

 
评论 (9) Trackbacks (0)
发表评论 Trackback
 
9 Comments Contributed by Visitors
  1.     Mucid 2011年9月21日05:37 1#

    鷀这学期开java课,被逼着学java啊,
    PS:测试主题在safari+macos下表现

  2.     Angel 2011年9月21日05:46 2#

    @Mucid
    貌似之前 js没加载出来才会出现那种情况的。。。反代的速度今天有点慢。。java啊。。。哈哈,,,学吧,你会发现python更简单些

  3.     Ansen 2011年9月21日08:00 3#

    我的micolog也还是0.96哦 在支离破碎的博客上面看到了他有放出1.2的 不过好像有BUG,不知Angel兄解决了木有
    第一次离Angel这么近

  4.     Angel 2011年9月21日13:12 4#

    @Ansen
    升级后出了一点问题,后来自己解决了,现在没有error的log。

  5.     不是谁的木偶 2011年9月22日04:01 5#

    @Angel
    可以分享一下你升级到1.2后的micolog吗 emotion

  6.     宅男 2011年10月1日10:33 6#

    emotion emotion emotion emotion emotion emotion emotion
    哇咔咔

  7.     Angel 2011年10月1日15:09 7#

    @宅男 emotion 为什么你笑的那么猥琐啊,也不表态。。

  8.     ltopidea 2011年10月2日01:54 8#

    你创作的micolog主题哪一款适用django1.2

  9.     Angel 2011年10月2日02:36 9#

    @ltopidea
    sorry,我移植的那些主题都是支持django 0.96的。。。django1.2的话,需要你自己修改模板了,稍微做下修改就可以。

Leave Comments Here...

:) :-D :( :-o 8-O :-? 8) lol :-x :-P oops cry evil twisted wink ? idea :-| arrow mrgreen roll !

(required)

(required)

网址随您("http://"可以省略)

(Ctrl+Enter)

  • 本站不会泄露您的 Email 地址, 敬请放心.
  • 本站已开启缓存, 请不要重复提交评论.
  • 请注意: 带有 《广告(链)、不健康、或者 产品名字》 的评论一律视为spam.
  • 支持常用 HTML 标签调用, 插入 HTML 标签需注意: < == &lt;> == &gt;.
  • 仅当某人针对您的评论做出回应时, 您才会收到由本站发出的邮件通知.
  • 如您希望以相同方式通知某位网友, 请点击  按钮进行回复.
  • 允许在评论中使用如下代码: 
    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> 
    <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> 
    .
  • 鼠标悬浮到评论中的 @someone 区域即可自动显示 someone 的评论内容.
 
 
  • 正在加载...