TYPECHO响应式主题 : Themia

Typecho主题 typecho 模板

Themia是一个华丽的TYPECHO响应式主题,由LouisBarranqueiro开发的主题TranquiPeak的基础上改造而来,大部分功能都是原有主题的,只是为了我自己的需求做了小部分的修改。
37832013.jpg
基本信息

主题特点

响应式主题
TranquiPeak主题能够适配宽屏电脑、普通电脑、平板、手机多种分辨率的设备。
一般情况她是这样:
360截图20160218182715291.jpg
平板模式是这样:
360截图20160218182735242.jpg
手机或者更小屏幕下:
360截图20160218182746423.jpg
55387878.jpg
总之,响应式设计就是这么狂霸酷拽叼。(然而并没有什么卵用,还有在IE上的一些兼容性问题请无视 (°ー°〃))
漂亮的边栏 SideBar
TranquiPeak自带有漂亮的侧边栏,可以现实用户头像、用户名、日志向导以及一些自定义入口。
SideBar的样式可以在typecho模板后台进行设置
360截图20160218183532626.jpg
文章中SideBar也可以通过自定义字段实现,实现后演示
平板样式演示
封面图片演示
可自定义的背景图片 Background CoverImage
可以给整个主题设置一个背景图片,通常情况下只会在SideBar部分显示背景图片,日志部分会被日志的背景颜色遮挡。在打开About卡片的时候,就能看到整张背景图片。
360截图20160218183227065.jpg
日志分享功能
TranquiPeak主题自带了Twitter、Facebook、Google+的分享功能,不过这些功能对于国内的用户可能有点鸡肋,但可以自行修改模板。
文章缩略图
加入了文章缩略图功能,优先级:编辑器插入的图片>附件图片>默认图片。
内置萌物
内置了萌物kiana,详情可见kiana插件
简/繁翻译
文章页面内加入了简繁翻译,无障碍阅读
兼容性
IE× Chrome√ Firefox√ Sogou? 360√
手机(安卓)浏览器方面,uc兼容性不太好,但能看,chrome完美,QQ浏览器完美,神马浏览器有小瑕疵。
ps:comments.php修改为你的第三方评论代码即可,更多内容请自行探索,建议使用自带的MarkDown写文章

Comments (34)

    Generic placeholder image
    乔治

    缺少样式表 怎么办?

    Windows10 258天前回复

    Generic placeholder image
    沈临风

    大佬,感谢分享。

    但是测试的时候评论貌似不显示内容?

    Ios 718天前回复

      Generic placeholder image
      Jrotty
      @沈临风

      这个模板原声评论没怎么好好弄,当时主要用多说来着

      Linux 717天前回复

    Generic placeholder image
    伍林堂官方

    https://ccwadj.cn/121.shtml文章不对了,打开显示的只有一言。

    Windows10 947天前回复

      Generic placeholder image
      Jrotty
      @伍林堂官方

      不理解你说的,我只管没被修改过得模板

      Windows10 947天前回复

    Generic placeholder image
    思绪的空中生活

    你还有dmgogogo.com这个域名啊

    Windows10 964天前回复

      Generic placeholder image
      思绪的空中生活
      @思绪的空中生活

      立马去把默认头像换了@(吐舌)

      Windows10 963天前回复

      Generic placeholder image
      Jrotty
      @思绪的空中生活

      有些头像没有支持https

      Windows10 963天前回复

      Generic placeholder image
      思绪的空中生活
      @思绪的空中生活

      哦哦!为什么你评论里面的头像不显示呢?

      Windows10 963天前回复

      Generic placeholder image
      Jrotty
      @思绪的空中生活

      是啊,那个是测试用的站

      Windows10 964天前回复

    Generic placeholder image
    暧昧繁衍着痛

    请问楼主,您的博客是ajax的么?我用了您的这个主题,怎样改造为ajax的呢?( ̄へ ̄)

    Windows10 1183天前回复

      Generic placeholder image
      Jrotty
      @暧昧繁衍着痛

      不是ajax!如何改造我也不会!

      Windows10 1183天前回复

    Generic placeholder image
    姜辰

    很不错的模版,支持一个。

    Windows10 1237天前回复

      Generic placeholder image
      近泽
      @姜辰

      谢谢

      Windows10 1237天前回复

    Generic placeholder image
    Chuck

    markdown的单行代码出不来了,怎么破[可怜]

    Windows10 1241天前回复

      Generic placeholder image
      近泽
      @Chuck

      代码高亮那个吗?那个建议安装上文中提到的插件

      Windows10 1241天前回复

    Generic placeholder image
    哈陆lu

    footer.php 里面的typecho 拼错了

    Windows10 1269天前回复

      Generic placeholder image
      近泽
      @哈陆lu

      汗,谢谢告知哈,打得时候马虎了[委屈]

      Windows10 1269天前回复

    Generic placeholder image
    程序员

    就要毕业了,哥觉得这3年高中就悟出了一个道理:天将降大任于斯人也,必先关其手机,停其流量,盗其账号,拔其网线,方能告别学渣 ,修成学霸!

    Windows10 1273天前回复

      Generic placeholder image
      近泽
      @程序员

      看你的名字,我觉得你说的有些矛盾

      Windows10 1273天前回复

    Generic placeholder image
    Hundred

    你把现在这个模板放出来啦?代码高亮有木有呢?

    Windows10 1281天前回复

      Generic placeholder image
      近泽
      @Hundred

      点击上面的帮助与后续更新,那里有一些相关自定义字段的详细说明,这样更方便使用[嘻嘻]

      Windows10 1280天前回复

      Generic placeholder image
      Hundred
      @Hundred

      感觉挺好看,准备偷走用啦[嘘]

      Windows10 1281天前回复

      Generic placeholder image
      近泽
      @Hundred

      代码高亮我是用的插件, Prismjs插件,typecho论坛有

      Windows10 1281天前回复