QQ爹博客 QQ爹博客

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

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

Yodu5.6.7

一款轻量的自适应模板,没有使用任何前端框架,代码极为简洁,并使用了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代码高亮插件模板后台设置
扩展功能一言,彩蛋,加载音效,平滑滚动,代码压缩,动态标题等,5.0版本没彩蛋模板后台设置
二维码默认就有文章二维码,打赏二维码功能模板后台可设置关闭
自定义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版本以上支持
谷歌AMP移动网页加速功能支持谷歌推出AMP移动网页加速项目 实现应用无缝加载无需设置4.0.0版本以上支持,5.0版本不再支持,建议使用插件
mulu字段自定义字段名mulu,字段值随便写,输入字段的文章会显示文章目录树,就是在全局关闭目录树的基础上,可以为个别文章开启目录树,4.1.0版本以上支持
编辑器字数统计需要在拓展设置中开启,开启后会实时统计字数,汉字字数,数字字数,字母字数等,4.2.0版本以上支持,5.0版本不支持
皮肤拓展支持可以自己为模板写css皮肤,然后扔进模板skin文件夹,然后进入模板设置选择皮肤,选择自己写的那个css皮肤即可4.3.0版本以上支持
针对360好搜优化针对好搜搜索引擎有针对性优化,当你文章被收录时有很大几率会图文并茂的显示在搜索结果上被动技能

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

更新

预计下次更新内容

20180828更新5.6.7版本

1,修复迭代旧代码导致的附件地址替换功能失效问题
2,新增闭站功能,关闭网站同时显示维护提示
3,透明白色皮肤修正部分存在的问题
4,其他

20180819更新5.6.0版本

1,评论ua识别功能增加识别chrome os系统
2,修复一处影响体验的js代码
3,修复评论图片溢出问题
4,其他微调

20180728更新5.5.8版本

1,修复hei.css皮肤与代码文字颜色重叠问题
2,修正手机端logo的边距
3,模板注释修改

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

支付宝打赏

文章二维码

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

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

模板自适应yoduinstantclick
发表新评论
已有 676 条评论
  1. 广告君
    广告君 10Chrome 56
    回复

    博主博客的那个音乐播放器是插件? 能否共享呢

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @广告君 那个啊,稍等,其实那个准备后续加上的

  2. Modau Fomie
    Modau Fomie 10Chrome 56
    回复

    [滑稽]左下角和右下角的雷姆拉姆最喜欢的

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @Modau Fomie 那个有单独的demo,方便放到各种模板中#[伪笑]

  3. 神奇小子✅官方认证
    神奇小子✅官方认证 10Chrome 56
    回复

    博主你好,我对你的主题希望可以支持全站pajx!我这里有一个某人的站,他用的是你以前的themia主题,用到了pajx,我不知道他是怎么加的,希望博主解答,也能添加在新版主题里,毕竟全站pajx还是挺好了。#[滑稽]

    1. 神奇小子✅官方认证
      神奇小子✅官方认证 10Chrome 56
      回复

      @神奇小子✅官方认证 哦,知道了,O(∩_∩)O谢谢!#[笑尿]

    2. Jrotty
      Jrotty 10Chrome 56
      回复

      @神奇小子✅官方认证 https://qqdie.com/archives/with-the-help-of-themia-subject-to-update-the-manual.html
      这个链接中有个自用版,那个支持pjax,还有就是这个新的模板用的预加载插件实际也是一种pjax,只是和常规的那种不一样罢了

    3. 神奇小子✅官方认证
      神奇小子✅官方认证 10Chrome 56
      回复

      @神奇小子✅官方认证 地址:https://liyuans.com/(不是我的!)

  4. Zohar
    Zohar 10Chrome 56
    回复

    前排支持ww

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @Zohar 然而并没有卖出几个哈

  5. 戴耳环的鱼
    戴耳环的鱼 10Chrome 56
    回复

    话说博主是真叼,主题设置居然有日文,然后还有文章内的目录,简直拜服啊!!!
    先提几个建议:

    1. 页内目录要是能固定位置就好了,这样长文章浏览的时候也能随时点击到目录。哈哈哈。
    2. 主题不够炫酷,http://the8guild.com/themes/wordpress/appica2/android/blog/这种我觉得就非常叼
    3. 我先来混个脸熟,然后再支持50去掉一个零。。。博主不要揍我ಥ_ಥ

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @戴耳环的鱼 有想法就去实现,不会就取学,只要坚持总会有收获的

    2. 戴耳环的鱼
      戴耳环的鱼 10Chrome 56
      回复

      @戴耳环的鱼 ಥ_ಥ... ...不更新了啊确实,有很多博客不需要的元素。而且Wordpress本身也没Typecho轻快。不过那个样式,是叫Material Design?反正看起来很叼。
      好想自己也写一个类似的主题,

    3. Jrotty
      Jrotty 10Chrome 56
      回复

      @戴耳环的鱼 Themia我已经停止更新了,所以不会在做改动了,这个新模板还没有加文章目录,或者根本不会加,你提到的那个主题确实很炫酷,但是加载的东西太多,所以会很慢,混脸熟我建议还不如等节日打折来的现实#[滑之稽]

  6. US_西贝Eree
    US_西贝Eree 10Chrome 56
    回复

    啊呀 买买买

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @US_西贝Eree 光说不练假把式,快来到收费口交钱上车#[滑稽]

前篇 后篇
雷姆
拉姆