QQ爹博客 QQ爹博客

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

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

Yodu5.7.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代码高亮插件模板后台设置
扩展功能一言,彩蛋,加载音效,平滑滚动,代码压缩,动态标题等,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预加载技术可能会导致你正在使用的一些插件失效,例如音乐播放器,视频播放器,文章编辑器等等。

更新

预计下次更新内容
20180924更新5.7.0版本

1,优化黑色透明皮肤友联样式和评论样式
2,优化纯白皮肤使其更加纯净
3,优化文章排版间距
4,新增支持latex,需要手动开启【支持实时预览】

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. ck
    ck 10Chrome 56
    回复

    速度炒鸡快啊 感觉像是用了ajax

  2. hank9999
    hank9999 10Chrome 56
    回复

    想要vultr

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @hank9999 第一点,确实是个问题,鉴于我的主机对于流量上线比较大,而且图片又都是存在又拍云里,所以很够,后续会给其他用户后台加上选项,给出“鼠标点击后预加载”,“鼠标经过预加载”,"加载延迟"和“关闭预加载”四个选择。第二点嘛,黑白名单貌似只能用一样,蜗居的黑名单比较适合我,其实a链接带 target="_blank"这个属性的就不会预加载,所以剩余的链接就都是站内的链接了,对于服务器压力可以考虑启用“鼠标点击后预加载”

    2. 让您受精了
      让您受精了 10Chrome 56
      回复

      @hank9999 虚拟主机540我还不如选aliyun呢╮( ̄▽ ̄)╭

    3. hank9999
      hank9999 10Chrome 56
      回复

      @hank9999 我已经买了vultrvps

    4. Jrotty
      Jrotty 10Chrome 56
      回复

      @hank9999 我虚拟主机一年540呢,现在后悔了,一个博客用不着浪费这些钱

  3. hank9999
    hank9999 10Chrome 56
    回复

    额。。。好吧,来看看“网络邻居”嘿嘿

  4. 夏日博客
    夏日博客 10Chrome 56
    回复

    好多的评论。

    1. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 性能。。。。hostinger加载0.286秒这个0.756秒。。。。至少是香港空间

    2. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 6.5元一个月,结果。。。。

    3. Jrotty
      Jrotty 10Chrome 56
      回复

      @夏日博客 我昨天博客被人共计挂了ಥ_ಥ

    4. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 呵呵,今天刚换了服务器hostinger实在撑不住了

    5. Jrotty
      Jrotty 10Chrome 56
      回复

      @夏日博客 不至于吧,这个主题没你想像的辣么好#[捂脸]

    6. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 难不成,为了一个主题我要换博客程序?

    7. Jrotty
      Jrotty 10Chrome 56
      回复

      @夏日博客 模板函数我无能为力哈,wp我也不懂

    8. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 造成移植后,只有后台能用

    9. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 表示卡在模板函数上了

    10. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客

    11. Jrotty
      Jrotty 10Chrome 56
      回复

      @夏日博客 主题没加密,移植直接移植那个免费版就好,收费版目前就是后台不同

    12. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 你那加密。。。。

    13. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 自己移植试试

    14. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 那一般怎么移植。。。。

    15. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 额。。好吧

    16. Jrotty
      Jrotty 10Chrome 56
      回复

      @夏日博客 wordpress不熟哈

    17. hank9999
      hank9999 10Chrome 56
      回复

      @夏日博客 移植一个wordpress版本可以么?

    18. Jrotty
      Jrotty 10Chrome 56
      回复

      @夏日博客 因为置顶了嘛

  5. 友人C
    友人C 10Chrome 56
    回复

    使用这款主题如果使用原生评论的话会有问题的呀(是instantclick的问题吧),第一次进入文章评论不成功

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @友人C 可以给评论按钮加黑名单吧,instantclick的官方文档全是英文的看不懂,百度搜的教程都是一样的都没有细说ಥ_ಥ

    2. 友人C
      友人C 10Chrome 56
      回复

      @友人C 肯定有方法,我不会#[寒心]#[寒心],mytypecho.com 使用了pjax还用了原生评论,而且还是ajax评论

    3. Jrotty
      Jrotty 10Chrome 56
      回复

      @友人C 应该也是能兼容的,搜typecho评论兼容pjax也会有相关文章的吧(instantclick也属于pjax)

    4. 友人C
      友人C 10Chrome 56
      回复

      @友人C ಥ_ಥ是这样

    5. Jrotty
      Jrotty 10Chrome 56
      回复

      @友人C 文章中“模板功能与特性”中我说了:多说样式完全自带,主题只支持多说评论哈#[滑稽]

  6. Vatle
    Vatle 10Chrome 56
    回复

    [狗]但是免费更多人会用

    1. Jrotty
      Jrotty 10Chrome 56
      回复

      @Vatle 所以有免费版啊,#[滑稽]维护上都是一致的,收费的功能上会多些

前篇 后篇
雷姆
拉姆