Micolog Theme O-Box Mod

Micolog上的现成主题还是比较少的,所以就想弄一个自己比较喜欢的主题来用,自己做的话暂时是没有这个时间和精力了,所以就做一回搬运工,将UtomBox最新的主题O-Box移植到了Micolog上,因为以前用WP的时候用了很久的UtomBox设计的经典的4U海明威模板,喜欢UtomBox设计界面的简洁美观,O-Box的色调暖暖的,看上去很舒服,所以毫不犹豫的就动工搬运了。

...搬运这个工作的确是个体力活,也就每天晚上弄弄,不注意就弄到很晚了。Python的Django framework毕竟还是没接触过的新东西,php也不甚了解,还得多亏以前WP用过一段不短的时间,总算还是把O-Box的模板磨出来了。

命名为O-Box_Mod,肯定还是有很多不完善的地方,还请大家帮忙测试指正。感谢UtomBox设计的漂亮模板和徐明设计的Micolog(相信会做得更好更强),最后推荐这个漂亮的模板(...也许都没人会看到这篇博文 ...)。

你可以点击图片,查看整体效果。

screenshot

安装说明(...也来卖弄下):

  1. 模板基于Micolog 0.7 beta2制作(其他版本应该也没有问题)。
  2. 将obox_mod_v1.zip放置到/micolog/themes目录(可以不用解压,徐明添加了从Zip文件中加载主题模板的功能)。
  3. 进入博客后台管理界面,选择主题即可。

补充说明:

  1. 关于自定义页面,Archives和Links页面,只要新建页面的名字为Archives或Links,就可以获得相应的效果了。
  2. (临时处理办法)由于micolog的页面由用户来创建生成的,导航菜单由blog.py来自动生成,所以如果新建了页面,比如'关于我'页面,想要完美显示顶部的菜单,则需要手动修改micolog根目录下blog.py的80行与82的代码

    '<a href="%s" target="%s" >%s</a>'
    修改为
    '<a href="%s" target="%s" ><span>%s</span></a>'

    即在a标签内变量外新增一个<span>标签,方可正常显示菜单
    update@03-12:根据徐大的回复,此处可以通过Extender Page来实现,不用修改代码,等我先问问看怎么用Extender Page先...
    update@03-13:修改顶部菜单显示方式,不再需要修改blog.py。

  3. 评论的Feed暂时为空,文章的Trackback地址暂时为空。
  4. 关于默认avatar头像,如果需要换成O-Box的默认头像的话,可以自行手动修改micolog根目录下model.py的586行(0.7RC1为741行)的路径,不修改则调用程序自带头像,不影响使用。
  5. 不建议使用图片验证码,还有点问题。
  6. 为了获得更好的效果请设置blog.py的61行(0.7RC1为62行)
    'recent_comments':Comment.all().order('-date').fetch(8)

    fetch()内的值为8条,则侧边栏中可以获得更好最新评论的显示效果(不是必须修改)。

  7. update@03-13:修改评论加载方式。建议设置博客评论排序方式为desc,即最新的评论显示在评论列表的最上方。
  8. update@04-12:修正一个评论部分的错误。博客程序更新至0.7RC1,模板简单修改支持RC1文章置顶功能。版本号更新至v2。

下载地址:

O-Box_Mod_v1 for Micolog

O-Box_Mod_v1 for Micolog fixed@03-13

O-Box_Mod_v1 for Micolog fixed@04-12

本来想尽量不动程序的代码,可是没办法,暂时只能这样了。

P.S:暂时发布的为与原版O-Box一致的英文版本,中文版可以稍后制作,如果要将日期等显示为英文,可以在后台将语言设置为英文即可,这样时间变量就会是英文的了。

P.S2:还是建议徐大换一个在线编辑器,xh功能还是太少了些..

最后的最后,如果使用此模板发现任何问题还请反馈,谢谢。

Related Posts



32 Responses to “Micolog Theme O-Box Mod”

  1. reply to freedom1613 freedom1613 Says:

    @倡萌
    感谢支持

  2. reply to 倡萌 倡萌 Says:

    很不错,温暖啊 呵呵呵

  3. reply to freedom1613 freedom1613 Says:

    @lambert
    感谢支持,还得多谢Utom的优秀设计

  4. reply to lambert lambert Says:

    主题相当漂亮阿。。

  5. reply to freedom1613 freedom1613 Says:

    @等待思索
    新建文章时,右边栏分类下面有个Sticky it.勾上即可。

  6. reply to 等待思索 等待思索 Says:

    怎么实现文章置顶?

  7. reply to freedom1613 freedom1613 Says:

    @柠檬可乐
    不是用的Google账户的头像,是博客界流行的通用头像服务(www.gravatar.com),用你的Gmail注册一个账户,留言的时候填写该email地址就可以了

  8. reply to freedom1613 freedom1613 Says:

    @io
    ...Related Posts不是在文章下面嘛

  9. reply to 柠檬可乐 柠檬可乐 Says:

    = =||||介个 介个 问一下 这个头像是怎么设置的啊 是读取的Google账户的头像么 话说Google的账户也有头像啊 为什么我的头像就显示不了呢?

  10. reply to io io Says:

    主题怎么没有 Related Posts 显示 请问怎么设置相关文章

  11. reply to freedom1613 freedom1613 Says:

    @cyzz
    感谢支持哦

  12. reply to cyzz cyzz Says:

    很漂亮!支持一下!

  13. reply to freedom1613 freedom1613 Says:

    @蓝冰
    嗯,还得多多感谢Utom精心制作的主题
    多谢支持

  14. reply to 蓝冰 蓝冰 Says:

    很帅的主题

  15. reply to freedom1613 freedom1613 Says:

    @请教
    理论上屏蔽掉comment.js的29~35行的检查代码就可以了(未作测试,应该OK)
    代码部分截图:
    checkemail

  16. reply to 请教 请教 Says:

    我在用你的主题,先感谢一下.
    有个问题想请教,如果不验证EMAIL,就是不用输入Email也可以留言,需要怎么样修改comment.js,我自己搞一下,不成功,所以希望博主能援助一下.

  17. reply to 5 5 Says:

    5

  18. reply to freedom1613 freedom1613 Says:

    @云在天边
    就简单的做了个判断,为了方便创建归档页面(Archives)和博客圈(Links)页面这两个常用页面。当创建页面的名称是Archives时页面怎么显示,为博客圈时怎么显示,便于输出这两个页面。现在micolog还在发展阶段,很多东西相对WP还不是很完善。

    当然你也可以不这么做,自己创建想要的页面,或者删除这些判断(解压主题包,修改templates\page.html文件,删除19~50行的代码,替换为 {{entry.content}}就可以了)。

    贴两张图
    创建页面:
    创建页面
    代码部分:
    创建页面

  19. reply to 云在天边 云在天边 Says:

    @freedom1613
    不是吧?你做了什么判断啊?

  20. reply to freedom1613 freedom1613 Says:

    @云在天边
    你说的是顶部菜单里Archives页面?直接在Micolog后台新建页面,名字叫Archives就可以了,没改什么东西,就做了一个判断,这样比较方便.
    @pc
    测试评论效果?

    感谢支持~

  21. reply to 云在天边 云在天边 Says:

    archives自定义链接写上就可以?
    你没改其他的东西吗,我在本地是怎么不行呢

  22. reply to pc pc Says:

    测试

  23. reply to freedom1613 freedom1613 Says:

    @cho
    嗯,Utom的设计很强哦。感谢支持。

  24. reply to cho cho Says:

    很漂亮!

  25. reply to freedom1613 freedom1613 Says:

    @larkinli
    感谢支持

  26. reply to larkinli larkinli Says:

    不错的模板!支持mblog!!

  27. reply to freedom1613 freedom1613 Says:

    @bighua
    感谢支持~
    LOGO那个图片不知道是什么字体,问过Utom,他没说,保持原版味道就没换。
    可以找到主题文件夹下style.css自行修改主题样式表的#header h1 a去掉background和text-indent,然后按需调整。
    LOGO的图片其实要做也不麻烦,做个86X12的透明GIF,找个好看的字体自己做一个替换掉主题目录下images/logo.gif就行了。

  28. reply to bighua bighua Says:

    blog主,提个建议能不能把logo的图片改成字自来显示,我要修改图,不太会!!、

    谢谢了!1

  29. reply to bighua bighua Says:

    借用了!
    表示感激!!1

  30. reply to freedom1613 freedom1613 Says:

    @AKI
    555,还有人来看看,真是感动^^
    看了下你现在的博客,简洁明朗也挺好看的嘛
    utom这个模板可以自己去下wp的模板研究下自己改嘛

Leave a Reply