QQ爹の博客 QQ爹の博客

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

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

Yodu5.3.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,字段值就是密码的提示文字
回复可见隐藏部分文章内容,只有评论文章才能看到,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预加载技术可能会导致你正在使用的一些插件失效,例如音乐播放器,视频播放器,文章编辑器等等。

更新

预计下次更新内容

20180616更新5.3.5版本

1,评论列表浏览器识别功能支持输出浏览器版本号
2,新增读者墙页面(未关联到侧栏)
3,修复可能存在的排版瑕疵
4,删除一些无用文字提示

20180511更新5.3.0版本

1,代码高亮组建换为prism.js
2,为prismjs定制纯css实现的代码行号(默认仅支持8000行以内代码)
3,删除b站关联功能,凉了
4,修复狂点拉姆雷姆至顶至底导致页面翻动不了的bug
5,模板使用提示功能优化

20180426更新5.2.0版本

1,增强多域名兼容性
2,减少几处if判断语句
3,修正一处小问题增强兼容性
4,GitHub链接可添加qq链接,前台图标自动变为qq图标

20180422更新5.1.7版本
ie缩略图显示优化

20180410更新5.1.5版本

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

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

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

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

模板自适应yoduinstantclick
发表新评论
已有 624 条评论
  1. 母
    夸克浏览器
    回复

    大佬,模板后台怎么进?

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

      @母 你说的就是模板设置页面吧,程序后台找到控制台外观模板设置

      1. 母
        夸克浏览器
        回复

        @Jrotty 就那个模板后台设置

      2. 母
        夸克浏览器
        回复

        @Jrotty 不是好多东西要模板设置嘛?第一次用typecho

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

          @母 本篇文章里有个视频链接自己看下吧,不过是针对我的这个模板录制的使用教程

          1. 母
            夸克浏览器
            回复

            @Jrotty 好,谢谢

  2. 九日
    九日 LQQ浏览器 8
    回复

    偶然发现小米系统自带的浏览器访问好像没有预加载的效果(跟平时比起来慢了点)∑(゜ロ゜;)

  3. nice
    nice 10Chrome 55
    回复

    没人啊,已经添加好友

  4. 鸟不拉屎
    鸟不拉屎 10Chrome 66
    回复

    支持,主题已购买
    已加QQ,快快同意哇QAQ

  5. Rat's
    Rat's M小米浏览器
    回复

    主题很不错。

  6. qwer
    qwer 10Chrome 66
    回复

    发现一个问题就是:只要改动了 footer.php 里面的 博客已萌萌哒运行,手机上的侧边栏就打不开?我不知道是不是我的问题还是?

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

      @qwer 肯定是多改了别的东西,只是改汉字不会导致问题的

      1. qwer
        qwer 10Chrome 66
        回复

        @Jrotty 就是后面的那一句运行时间的 span 标签不能删?
        PS:这评论。。。。

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

          @qwer 包裹文字的span标签可以删,没包裹汉字的不可以

          1. qwer
            qwer 10Chrome 66
            回复

            @Jrotty 所以,想删掉运行时间都不行。。。。。

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

              @qwer 模板设置里建站时间下面的描述,来跟我读一下:“在这里填入博客的成立时间,格式要求,完整如填入“2015/06/06 00:00:00”或者只填写年月日“2015/06/06”。不填则不显示建站时间”

              1. qwer
                qwer 10Chrome 66
                回复

                @Jrotty 原谅我还在用的是“ 版本: 极简版1.3”,没见到···

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

                  @qwer 免费版好像真的不可以改,需要改js代码的,然后再删除那里的span

                  1. qwer
                    qwer 10Chrome 66
                    回复

                    @Jrotty 果然是这样。。。。

      2. qwer
        qwer 10Chrome 66
        回复

        @Jrotty 就是后面的那一句运行时间的

      3. qwer
        qwer 10Chrome 66
        回复

        @Jrotty 萌萌哒运行了
        就是这一句,不能删?

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

          @qwer 只是删文字当然没问题

前篇 后篇
雷姆
拉姆