QQ爹の博客 QQ爹の博客

Yodu模板,一款typecho轻量自适应模板

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

Yodu5.1.5

一款轻量的自适应模板,没有使用任何前端框架,代码极为简洁,并使用了instantclick预加载技术,让模板加载起来非常流畅。
兼容方面:除ie外大部分浏览器均兼容。ie系列ie9以上勉强兼容,兼容typecho1.0和1.1

免费版说明
免费版是正式版的极简版,具体下载地址与介绍请访问这个地址http://forum.typecho.org/viewtopic.php?f=5&t=10124

付费版说明
Yodu 售价[只需¥58元],扫码付款然后联系QQ485868654

付款二维码

购买说明:购买此主题后,您将获得主题源码,购买后可随意使用,但不得分发、转售,因主题是可复制的商品,售出后一律不予退款;售后支持主题免费升级,但不提供免费个性化修改服务。【售后支持到模板不在开发之时】

模板功能与特性

功能介绍使用
多皮肤模板八种皮肤可供选择模板后台设置
缩略图6种缩略图设置方案模板后台设置
预加载pjax5种模式可供选择模板后台设置
评论ajax无刷新评论模板后台设置
评论设置支持原生评论,畅言,Disqus等模板后台设置
邮箱头像源设置支持改变邮箱头像源,后台提供多种选项模板后台设置
代码高亮默认代码高亮,支持行号,也可关闭使用兼容版Prismjs代码高亮插件模板后台设置
扩展功能一言,彩蛋,加载音效,平滑滚动,代码压缩,动态标题等,5.0版本没彩蛋模板后台设置
二维码默认就有文章二维码,打赏二维码功能模板后台可设置关闭
自定义css支持在模板设置处自定义css,群内提供部分css文档模板后台设置
分类汇总分类文章汇总页面建立独立页面选择对应模板
时间归档按时间归档文章的页面建立独立页面选择对应模板
时间归档搜索时间归档页面的时间检索默认开启后台可设置关闭
友链页面内置了友联模板,根据简单的书写规则就能展现出好看的友链页面建立独立页面选择对应模板
作者页面类似用户中心的界面无需设置
文章目录树关联文章中的h1,h2,h3标签生成目录模板设置中扩展组件设置
自动空格中英文之间自动留白加空格,无需设置,4.3.0版本后由js模式改为PHP渲染模式
图片灯箱模板引用了fancybox的文件,5.0版本使用了fancybox3无需设置
图片排版功能能够在默认模板的情况下对图片排布进行控制,同排图片尺寸最好一致,否则会乱,需要模板版本4.0.0图片alt信息最后面写上-25,-30,-33,-50,-75,-100即可完成图片的排版,以-25为例,-25指的是图片宽度是父级的25%,并且漂浮在文章最左侧,文章末尾最好不要放图
页面锁可以给文章/独立页面加密,密码支持自定义文章自定义字段,字段名为lock,字段值就是你想要的密码
页面锁密码提示功能就是给上边的页面锁加密码提示文字,非强制性的,不加则不显示提示文字文章自定义字段,字段名为hint,字段值就是密码的提示文字
B站视频快速引用可将B站视频地址直接转换成播放器,默认html5模式在文章单独一段里写上http://www.bilibili.com/video/av9214469/类似这样的链接即可
回复可见隐藏部分文章内容,只有评论文章才能看到,cookie不过期无需重复评论在文章写上这个格式即可[@hide]要隐藏的内容[/hide](去掉@),如果采用ajax评论,评论后需要刷新才可以看到
模板cdn功能可将模板的所有js,css,图片等文件,放到又拍云等地方,然后一键引用模板后台设置
高级输入框输入指定字符激活部分隐藏性质功能或者测试性质功能,5.0版本不支持模板后台输入
附件地址替换模板设置除输入替换前地址和替换后地址保存即可,激活代码fujian3.5.0版本以上支持
welcome根据游客来源输出欢迎信息,激活代码-w3.6.0版本以上支持,5.0版本不支持
谷歌AMP移动网页加速功能支持谷歌推出AMP移动网页加速项目 实现应用无缝加载无需设置4.0.0版本以上支持,5.0版本不再支持,建议使用插件
mulu字段自定义字段名mulu,字段值随便写,输入字段的文章会显示文章目录树,就是在全局关闭目录树的基础上,可以为个别文章开启目录树,4.1.0版本以上支持
编辑器字数统计需要在拓展设置中开启,开启后会实时统计字数,汉字字数,数字字数,字母字数等,4.2.0版本以上支,5.0版本不支持
皮肤拓展支持可以自己为模板写css皮肤,然后扔进模板skin文件夹,然后进入模板设置选择皮肤,选择自己写的那个css皮肤即可4.3.0版本以上支

高级输入框对应命令

指令功能
-w开启根据游客来源输出欢迎信息的welcome功能,需模板3.6.05.0版本不支持
wtyl友链页面友链头像不显示,需模板3.6.05.0版本不支持
fujian开始文章附件地址替换功能,需模板3.5.05.0版本默认开启

说明:以上命令支持混合输入,如三个功能同时开始则输入-wtylfujian即可

其他功能及常见问题:https://qqdie.com/archives/yodu-template-strategy.html
背景音乐插件:https://qqdie.com/archives/typecho-yodubgm.html
缩略图扩展包:https://qqdie.com/archives/500-random-thumbnail.html

首次配置模板

主题配置的视频教程:https://pan.baidu.com/s/1gfvLNl5【视频中说的关闭反垃圾保护的步骤在模板3.3.0版本以上无需关闭也可以】

  • 配置模板导航

    • 新建独立页面,标题为归档,地址archives.html,自定义模板选择archives,发布页面
    • 新建独立页面,标题为标签,地址tags.html,自定义模板选择tags,发布页面,5.0版本请忽略此条
    • 新建独立页面,标题为友情链接,地址links.html,自定义模板选择links,友情链接设置详见群内视频,发布页面
    • 新建独立页面,标题为关于,地址about.html,内容写些关于自己的一些东西,然后发布页面
    • 新建独立页面,标题为分类汇总,地址categories.html,自定义模板选择categories,发布页面
  • 配置模板后台

    • 打开模板后台,填入头像地址(可不填),填入微博主页地址,Github主页地址。
    • 缩略图设置,根据需要自行选择,需要的配置即可,这里付费版的用户可选项比较多
    • 打赏功能二维码图片可替换images文件夹的的tb.jpg和wx.jpg
  • 其他说明

    • 上传模板后,一定要确保模板文件夹的名字为"yodu"否则模板显示会有严重问题
    • instantclick预加载技术也是pjax的一种,但是不保证所有的背景音乐播放器插件能够无bug播放
    • instantclick预加载技术可能会导致你正在使用的一些插件失效,例如音乐播放器,视频播放器,文章编辑器等等。

更新

20180410更新内容

1,表情插入功能增强手机浏览器兼容性(已测试安卓端:via)
2,表情插入功能导致的html格式评论键入问题修复
3,针对安卓uc和夸克浏览器表情会插入最前面的问题进行无奈的修复(现在只会往后面插了)
4,代码高亮功能行号支持隐藏,扩展设置最后一项开关
5,小毛病修复

9种皮肤 x 2种布局风格,也就是说能组合出16种样式,以下拿出3种作为例子

蓝白卡片风格.png 茶色卡片风格.png 黑透明卡片风格.png
jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

模板自适应yoduinstantclick
发表新评论
  • ]
已有 585 条评论
  1. yufan
    yufan 10Chrome
    回复

    刚才真惨又遇到坑,Nginx限制1mb上传大小,我一时间传不上去#[捂脸]

    1. Jrotty
      Jrotty 10Chrome
      回复

      @yufan img/sj文件夹里面的图片全删除,里面是随机缩略图99张,大概能占个1M多吧

  2. CSD
    CSD 10Chrome
    回复

    哇 收费啦!#[滑之稽]

    1. Jrotty
      Jrotty 10Chrome
      回复

      @CSD 有免费版了,实际就设置上有点差别,设置上的东西是扒不走的#[吐舌]

  3. yufan
    yufan 10Chrome
    回复

    天意啊!我刚折腾完vps准备装tp试试就看到你主题了#[滑之稽]那我就试试#[吃瓜]

    1. Jrotty
      Jrotty 10Chrome
      回复

      @yufan 嗯,试试把,我感觉很快,尤其是手机上特别明显,前提是wifi给力时龴ↀ◡ↀ龴

  4. Deerweak
    Deerweak 10Chrome
    回复

    这么快又写了个主题。感觉和上一个区别不大。

    1. Jrotty
      Jrotty 10Chrome
      回复

      @Deerweak 样式就是按照原来的样子写的!只不过这个更轻量更快!最重要的是这个不是移植的!而是自己写的!上个月就开始写了╮( ̄▽ ̄)╭

  5. Chakhsu Lau
    Chakhsu LauChrome
    回复

    有PJAX,又有dns-prefetch,请求访问本来就是异步的,现在又用js去给懒加载评论头像图片,反而增加了页面渲染的性能爬坡。

    1. Jrotty
      Jrotty本文作者UC浏览器
      回复

      @Chakhsu Lau 确实自相矛盾了,我是不是可以把惰性加载完全去掉了呢

  6. Feng
    Feng 72345浏览器
    回复

    有没有什么好的办法,可以把多说评论迁回到本地的

    1. Jrotty
      Jrotty本文作者 10Chrome
      回复

      @Feng 这个插件就可以https://muguang.me/guff/duoshuo2typecho.html

      1. Feng
        Feng 102345浏览器
        回复

        @Jrotty 可以给一个原生评论的comments代码吗?

          1. Feng
            Feng 102345浏览器
            回复

            @Jrotty 来个特价吧,秒了它233

            1. Jrotty
              Jrotty本文作者 10Chrome
              回复

              @Feng 今年不讲价qaq,群里买模板的人不让我降价

      2. Feng
        Feng 72345浏览器
        回复

        @Jrotty 赶紧去试试,谢谢喽

前篇 后篇
雷姆
拉姆