QQ爹博客 QQ爹博客

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

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

Yodu5.5.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文档模板后台设置
分类汇总分类文章汇总页面建立独立页面选择对应模板
时间归档按时间归档文章的页面建立独立页面选择对应模板
时间归档搜索时间归档页面的时间检索默认开启后台可设置关闭
友链页面内置了友联模板,根据简单的书写规则就能展现出好看的友链页面,支持直接填写对方qq获取头像,后续版本将支持直接填写邮箱获取邮箱头像建立独立页面选择对应模板
作者页面类似用户中心的界面无需设置
文章目录树关联文章中的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,发布页面
    • 新建独立页面,标题为友情链接,地址links.html,自定义模板选择links,友情链接设置详见群内视频,发布页面
    • 新建独立页面,标题为关于,地址about.html,内容写些关于自己的一些东西,然后发布页面
    • 新建独立页面,标题为分类汇总,地址categories.html,自定义模板选择categories,发布页面
  • 配置模板后台

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

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

更新

预计下次更新内容

修复hei.css皮肤与代码文字颜色重叠问题

20180715更新5.5.5版本

1,新增扁平风格,可以让模板手机端显示缩略图
2,手机端缩略图调整到右侧

20180715更新5.5.4版本

1,修复透明黑模板部分字体看不清问题
2,新增一项风格,此风格与卡片风格基本一致,但手机端更好看
3,处理一些历史遗留问题
4,访客墙页面优化

20180712更新5.5.0版本

1,评论ua浏览器识别功能,增加识别欧朋浏览器
2,修复ajax评论小bug
3,评论框调整,支持ajax实时获取头像
4,评论者系统浏览器识别功能,不能识别的将不显示,而不是打问号了
5,优化评论ua判断
6,修复自带内置api(一言和邮箱头像)与cdn功能冲突问题
7,删除一个多余if判断

20180628更新5.4.5版本

1,友链页面将支持写对方邮箱获取友链头像的功能,使用方式方法同写qq号获取头像一样。
2,针对typecho附件页面关闭评论功能
3,修复附件页面点击“编辑按钮”会404问题

20180624更新5.3.9版本

1,评论列表样式大幅度美化
2,新增读者墙页面轻度调整
3,内置一言,不在依赖博主的api【避免博主倒闭,一言用不了问题】
4,版本号增加0.04

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
发表新评论
  • ]
已有 646 条评论
  1. 胡德杰
    胡德杰 7Chrome 56
    回复

    说实话,可怜了这个程序了!如果能更新更快些多好!其实,也是有不少粉丝的

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

      @胡德杰 typecho程序github上还是偶尔又维护的

  2. 萌新啦博客
    萌新啦博客 XP搜狗浏览器
    回复

    萌新的博客,欢迎围观...

    1. Jimmy
      Jimmy MChrome 56
      回复

      @萌新啦博客 Hran的模板很美哦,可以去看看

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

        @Jimmy 你在搞事情吗

        1. Jimmy
          Jimmy MChrome 56
          回复

          @Jrotty 我错了

    2. Jrotty
      Jrotty本文作者 10Chrome 45
      回复

      @萌新啦博客 怎么样收到邮件提醒了吗

  3. Jimmy
    Jimmy MChrome 56
    回复

    刚刚入手Hran的模板

    1. jrotty2
      jrotty2 10Chrome 45
      回复

      @Jimmy 不要气我233,

      1. Jimmy
        Jimmy MChrome 56
        回复

        @jrotty2 不过也很稀饭你的模板,要不要再来份

        1. jrotty2
          jrotty2 10Chrome 45
          回复

          @Jimmy 钱包是你的,你决定喽,我销量远不及Hran233痛苦

          1. Jimmy
            Jimmy MChrome 56
            回复

            @jrotty2 真可怜。。。那我还是用Hran吧

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

              @Jimmy 给你评论我居然忘记登陆博客了,还得博主标识都没显示QAQ

              1. Hran
                HranSafari 10
                回复

                @Jrotty 我可以滑稽吗?

  4. 代打网
    代打网 10Chrome 56
    回复

    什么时候出个WP的?

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @代打网 我不会wp的。。。

  5. Feng
    Feng 10Chrome 56
    回复

    这更新速度也忒快了一点吧,真怀疑你是干什么的?不过还是有点心动这个主题了,不知道那谁看到了会不会不高兴

    1. Hran
      Hran 10Chrome 56
      回复

      @Feng 我错了

    2. Jrotty
      Jrotty 10Chrome 56
      回复

      @Feng 真想使用特权把你删掉,没看到我正在推销吗

    3. Hran
      Hran 10Chrome 56
      回复

      @Feng

    4. Feng
      Feng 10Chrome 56
      回复

      @Feng 嗯,的确如此

    5. Jrotty
      Jrotty 10Chrome 56
      回复

      @Feng 我现在闲着,等开完学补完考就找个工作实习,hran人挺好的,他主题已经大卖了,他销量是我的两倍233

  6. 传道者
    传道者 10Chrome 56
    回复

    现在多说评论好多广告的说,有办法屏蔽掉广告么?

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @传道者 关闭匿名评论就能屏蔽一部分了

前篇 后篇
雷姆
拉姆