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

Typecho杂文 模板 自适应 yodu instantclick

Yodu6.6.0

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

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

付费版说明
Yodu 售价¥58元,扫码付款然后联系QQ485868654,模板仅限自己使用禁止外发,模板版权不建议修改或删除【如果模板版权被删除那么你的模板出现任何问题,我都将不理不睬】
付款二维码
购买说明:购买此主题后,您将获得主题源码,购买后可随意使用,但不得分发、转售,因主题是可复制的商品,售出后一律不予退款;售后支持主题免费升级,但不提供免费个性化修改服务。【售后支持到模板不在开发之时】
本模板里面的原创性质代码均允许被二次利用于其他模板,可以不加任何声明,同时本模板允许被其他非typecho博客平台进行移植,但不提供技术援助。

模板功能与特性

功能介绍使用
多皮肤模板八种皮肤可供选择,初心版有所减少模板后台设置
缩略图6种缩略图设置方案模板后台设置
预加载pjax5种模式可供选择模板后台设置
评论ajax无刷新评论模板后台设置
评论设置支持原生评论,畅言,Disqus等模板后台设置
邮箱头像源设置支持改变邮箱头像源,后台提供多种选项模板后台设置
代码高亮默认代码高亮,支持行号,也可关闭使用兼容版Prismjs代码高亮插件模板后台设置
扩展功能一言,加载音效,平滑滚动,代码压缩,动态标题等模板后台设置
二维码默认就有文章二维码,打赏二维码功能模板后台可设置关闭
自定义css支持在模板设置处自定义css,群内提供部分css文档模板后台设置
分类汇总分类文章汇总页面建立独立页面选择对应模板
时间归档按时间归档文章的页面建立独立页面选择对应模板
时间归档搜索时间归档页面的时间检索默认开启后台可设置关闭
友链页面内置了友联模板,根据简单的书写规则就能展现出好看的友链页面,支持直接填写对方qq获取头像,后续版本将支持直接填写邮箱获取邮箱头像建立独立页面选择对应模板
作者页面类似用户中心的界面无需设置
文章目录树关联文章中的h1,h2,h3标签生成目录模板设置中扩展组件设置
图片灯箱模板引用了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,图片等文件,放到又拍云等地方,然后一键引用模板后台设置
附件地址替换模板设置除输入替换前地址和替换后地址保存即可3.5.0版本以上支持
mulu字段自定义字段名mulu,字段值随便写,输入字段的文章会显示文章目录树,就是在全局关闭目录树的基础上,可以为个别文章开启目录树,4.1.0版本以上支持
皮肤拓展支持可以自己为模板写css皮肤,然后扔进模板skin文件夹,然后进入模板设置选择皮肤,选择自己写的那个css皮肤即可4.3.0版本以上支持,初心版不支持
针对360好搜优化针对好搜搜索引擎有针对性优化,当你文章被收录时有很大几率会图文并茂的显示在搜索结果上被动技能
文章列表排序自定义包括(index,front,category,tag,search,date)页面的文章列表,可设置根据文章最后修改时间进行重新排序默认是倒叙,可根据需求不同简单的修改模板代码可实现更多骚操作6.3.5版本(含)以上支持,拓展设置中最后一项

其他功能及常见问题: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预加载技术可能会导致你正在使用的一些插件失效,例如音乐播放器,视频播放器,文章编辑器等等。

更新

20190324更新6.6.0版本

1,修正友链一处php代码不规范,增强兼容性。
2,修复目录树被其他元素遮盖问题。
3,其他

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

蓝白卡片风格.png

茶色卡片风格.png-50

黑透明卡片风格.png-50

模板已停售!

模板即将彻底停止更新,故停售!如果不介意没有后续更新,欢迎继续入坑!!!

Comments (709)

    Generic placeholder image
    匿名大叔

    博主,您好!您的留言系统如何实现UA信息的?

    Windows8.1 410天前回复

      Generic placeholder image
      Jrotty
      @匿名大叔

      我的是typecho博客程序,程序会自动抓评论者ua信息

      安卓牛轧糖 410天前回复

        Generic placeholder image
        匿名大叔
        @Jrotty

        我知道是typcho,我意思是你是通过什么来实现这样的样式显示的?我装了那个ua插件,但是显示的是样式和您的不太一样。

        安卓奥利奥 409天前回复

          Generic placeholder image
          Jrotty
          @匿名大叔

          核心就是这个$comments->agent,输出ua信息,样式需要自己美化

          Windows10 407天前回复

    Generic placeholder image
    jaschen

    一直使用的免费版,是不是要考虑来个付费版了话说表情点不出来

    MacOS 416天前回复

      Generic placeholder image
      Jrotty
      @jaschen

      表情有点兼容问题

      Windows10 416天前回复

      Generic placeholder image
      jaschen
      @jaschen

      为啥没抓我qq头像

      MacOS 416天前回复

        Generic placeholder image
        Jrotty
        @jaschen

        因为你填的邮箱地址不含有qq号

        Windows10 416天前回复

        Generic placeholder image
        jaschen
        @jaschen

        自己玩儿的还挺嗨

        MacOS 416天前回复

    Generic placeholder image
    小浪浪

    支持下博主,怎么抓的我qq头像

    安卓棉花糖 417天前回复

      Generic placeholder image
      Jrotty
      @小浪浪

      优先抓qq的,国内qq比gravatar快稳

      Windows10 416天前回复

    Generic placeholder image
    秋棠

    一晃就更新这么多版本了,厉害

    Ios 423天前回复

    Generic placeholder image
    Ryan

    还有怎么获取指定cid的widget_archive/widget_abstract_contents对象

    Windows10 423天前回复

    Generic placeholder image
    Ryan

    大佬,怎么在分类列表页面获取分类id啊,魔改模板用。thks

    Windows10 423天前回复

      Generic placeholder image
      Jrotty
      @Ryan

      $categorys->mid(); 这样吧

      Windows10 416天前回复

        Generic placeholder image
        Ryan
        @Jrotty

        找到正确答案回复一下你。<br>$this->_pageRow[mid]还有我发现我哥suansuan.ru博客死掉了,友链换一下吧换成现在这个

        Windows10 393天前回复

          Generic placeholder image
          Jrotty
          @Ryan

          哦,但是没发现你现在的站友链的位置

          Windows10 392天前回复

    Generic placeholder image

    大佬,模板后台怎么进?

    Windows 426天前回复

      Generic placeholder image
      Jrotty
      @母

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

      Windows10 426天前回复

        Generic placeholder image
        @Jrotty

        就那个模板后台设置

        Windows 426天前回复

        Generic placeholder image
        @Jrotty

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

        Windows 426天前回复

          Generic placeholder image
          Jrotty
          @母

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

          Windows10 426天前回复

            Generic placeholder image
            @Jrotty

            好,谢谢

            Windows 426天前回复

    Generic placeholder image
    九日

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

    安卓棒棒糖 434天前回复

    Generic placeholder image
    nice

    没人啊,已经添加好友

    Windows10 442天前回复

    Generic placeholder image
    鸟不拉屎

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

    Windows10 443天前回复