QQ爹博客 QQ爹博客

Themia for TE主题更新与帮助手册

in Typecho 文章转载请注明来源!

基本信息

  • 作者:jrotty(基于hexo-theme-tranquilpeakkaedea
  • 环境:typecho1.0或者1.1
  • 演示:http://qqdie.com/
  • 版本:3.8.0
  • 下载地址:https://github.com/jrotty/Themia-for-TE
  • 历史更新记录:http://forum.typecho.org/viewtopic.php?f=5&t=9184
  • 教程:设置的视频教程点击下载
  • 模板升级:启用其他的模板,然后删除我的旧版模板,在上传新版本模板,然后启用。【模板修改不大时,直接覆盖也行,不过不推荐直接覆盖】
  • 模板特色:无需插件的文章置顶功能,无需插件显示文章浏览次数,无需插件大赏跨屏浏览功能,无需插件的缩略图功能,版权保护功能,界面语言中/英切换,文章内容简/繁翻译,模板样式的自定义功能,超强的自定义字段功能,利用QQ空间,新浪等api的分享功能

3.8.0更新内容
2018年1月30日更新
1,修正评论框手机端显示问题
2,优化评论框字体大小
3,修正搜索图标错位问题
4,评论头像源改为cat源,同时设置默认头像

3.7.6版本更新内容
文章二维码api更换,评论样式重构,解决评论某些bug
【3.7.4时就停止更新了,这次更新就是为了把themia的原生评论短板补上,样式上虽然还不是很契合,但是至少bug没了】

自用版下载地址(4次修复)http://pan.baidu.com/s/1pLcrdvt
自用版集成pjaX,没有自带评论,需要在模板comments.php中加入多说代码,自用版相对于正式版,还多一个缩略图惰性加载文章缩略图,支持从tag中获取(根据tag的缩略名来获取模板文件夹中对应图片)。[不懂什么是pjax的就不要下载了](仅支持typecho1.0)

如果觉得打开文章速度较慢,建议关闭kiana功能,减少js和css引用,同时建议把背景图片换为颜色代码,来减少图片加载所拖延的网速。

模板隐性功能
1,点击头像进入ABOUT卡片,然后再次点击头像就会跳转到登陆页面,如果是已经登陆过的点击就会进入后台。
2,管理员登陆后,文章会多出来个编辑选项。
3,文章自定义字段效果很多,参考下面的自定义字段说明即可。
4,文章中图片的浏览是可以用键盘上下左右进行切换的。


功能介绍
编辑器内打出“[你 好|ni hao]”←即可实现拼音注释功能如→{你 好|ni hao}
【请将引号中的中括号换成大括号,即“[]”换成“{}”】

文章自定义字段
字段名(n),字段值(v),效果说明(e),为了方便打字下文用括号中的字母表示文字。
提示: 字段m,l这三个字段不能同时使用,否则会有奇怪的事情发生。

模板版本3.6.4以上支持(含)
n:m
v:随便填些东西占位。
e:使用该字段后,文章会支持more语法截取缩略内容(带文章格式),但会关闭右侧的缩略图。

模板版本3.6.4以上支持(含)
n:li
v:随便填些东西占位。
e:友情链接页面li标签多列效果。

模板版本2.4以上支持(含)
n:d
v:博客首页显示的文章缩略内容。
e:文章默认首页显示文章的前140个字符,启用该字段,可自行设置文章现实的缩略内容。

模板版本2.2以上支持(含)
n:l(这是小写的L,不是数字1)
v:http://qqdie.com(类似的超链接地址)
e:使特定文章成为链接型日志,只有缩略部分的文章,没有正文,点击日志会跳转到指定链接。

模板版本2.1以上支持(含)
n:x
v:随便填些东西占位。
e:输入该字段的文章,在首页不会显示文章缩略图。

模板版本2.0以上支持(含)
n:fm
v:http://qqdie.com/1.png(图片的完整地址即可)
e:实现文章页面的封面效果

n:ys
v:1(可以填写数字1,2,3,4)
e:对文章单独定义风格

1.在大屏幕显示宽的SideBar,在中屏幕显示窄的SideBar,在小屏幕显示抽屉SideBar(宽)
2.在大屏幕和中屏幕显示窄的SideBar,在小屏幕显示抽屉SideBar(窄)
3.在所有屏幕显示抽屉SideBar(宽)
4.在所有屏幕显示抽屉SideBar(窄)

图片效果【模板版本3.6.5以上支持(含)】
默认图片是不具有灯箱效果的,如果想要加入灯箱。
在编辑器图片后面加入减号“+”,可启用灯箱效果。
如默认编辑器:![36369251.jpg][10]+

相册功能与效果【模板版本3.6.5以上支持(含)】
说明:uc手机浏览器兼容差评

如:

[t:Gallery : 10 images]
![866615.jpg][12]上
![21325306.jpg][13]左
![34680032.jpg][14]右
![36369251.jpg][15].
![38220063.jpg][16].
![51520054.jpg][17].
![53724607.jpg][18].
![55325547.jpg][19].
![71242180.jpg][20].
![96528600.jpg][21]-

详细解释,[t:这里是标题],上下右则是前三张图片的位置,后面的图片,需要在图片后面加入".",如上边的4-9图片,最后一张图片需要在图片后面加"-"号代表结束。

模板后台
说明:模板后台可以设置,网站的整体风格,有4中方案可选,同时文章的缩略图功能可以在后台关闭显示(<=2.1版支持),后台还可以设置一些基本信息,头像,背景图,建站时间,底部版权声明,等个性化设置。

模板问题汇总
1,安装了模板,发现有些图标没有显示,缩略图位置错位?
答:大概是你刚玩typecho,所以不太了解。解决方法:进入后台设置,有个设置网址,用那个网址进行访问应该就没问题,如果想用其他网址进行访问可以选择301到设置的地址。
2,大屏幕下如何还原成最初版的窄sidebar?
答:style.min.css中搜索1560和1559,1560能搜到4处,1559大概是3处,将这两个数字改成一个超大的数值即可,例如1560改成15600,1559改成15599。这些改完可能还是有些不美观,可以在css中加入以下代码

@media only screen and (min-width:1560px){
.main-content-wrap {
    display: block;
    max-width: 90%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}
}

【因为多说评论导入,导致评论错乱,故该文章旧评论清空处理了】

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/with-the-help-of-themia-subject-to-update-the-manual.html (转载时请注明本文出处及文章链接)

typecho模板
发表新评论
已有 13 条评论
  1. 乔治
    乔治
    回复

    缺少样式表。

  2. CESARE
    CESARE
    回复

    博主,我用了您这个主题,当我设置了永久链接,把ip地址改为域名地址后就没有了样式,这样该怎么解决。目前我现在只能暂时使用ip地址开头的链接

    1. Jrotty
      Jrotty本文作者
      回复

      @CESARE 打开typecho后台在设置处设置下域名

      1. CESARE
        CESARE
        回复

        @Jrotty 我就是在基本设置→站点地址中设置了域名,然后整个博客的样式就没了。改成ip地址的话会有样式。我现在改为了域名地址,麻烦您帮忙看一下,谢谢了

        1. Jrotty
          Jrotty本文作者
          回复

          @CESARE 我没有空,建议换个别的模板看看是否也有问题

          1. CESARE
            CESARE
            回复

            @Jrotty 好的好的,麻烦了

  3. 子昂
    子昂
    回复

    请问我已经在后台开启了目录树,但是怎么才能让目录出来呢?

    1. 子昂
      子昂
      回复

      @子昂 已经知道了,加上h1 id 目录救出来了。

  4. attack
    attack
    回复

    用了您的自用版之后无法加载文章,怎么办?
    http://blog.attack.cf/

    1. Jrotty
      Jrotty本文作者
      回复

      @attack 因为那个并没有兼容typecho1.1版本,因为是曾经的自用版也就不修复了

  5. Nobiel
    Nobiel
    回复

    很不错的主题啊,赞一个~但是使用中发现一个小问题:
    文章正文页,标题下面日期一行,分类和语言切换以及阅读数和编辑之间缺少一个空格。
    比如文章在“Web”分类下,会显示成这样:Jun 10,2017 in Weblang 繁 read (1)EditWeb和lang中间、read (1)和Edit中间都缺少一个空格。
    请问该如何解决这个问题,谢谢! @(呵呵)

    1. Jrotty
      Jrotty本文作者
      回复

      @Nobiel 自己去index.php和post.php中在缺少空格的位置加上空格,如果单纯空格不好使可以加【&-nbsp;】去掉里面的-

      1. Nobiel
        Nobiel
        回复

        @Jrotty 谢谢,原来是我改错位置了,post.php里面有两个一样的部分233……另外版权狗似乎开启了也没有用?

前篇 后篇