QQ爹博客 QQ爹博客

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

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

Yodu6.0.0

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

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

付费版说明
Yodu 售价[只需¥58元],扫码付款然后联系QQ485868654,模板仅限自己使用禁止外发,模板版权不建议修改或删除【如果模板版权被删除那么你的模板出现任何问题,我都将不理不睬】

目前YoDu模板正式版6.0.0已停止后续更新,已经购买者或者后续购买者,将会得到YoDu模板6.0.0版本的源代码及YoDu模板的分支版本→初心版
初心版:一个以YoDu模板6.0.0版本为基础,以优化加载速度,seo,兼容为目标,回顾初心的一个版本。

付款二维码

购买说明:购买此主题后,您将获得主题源码,购买后可随意使用,但不得分发、转售,因主题是可复制的商品,售出后一律不予退款;售后支持主题免费升级,但不提供免费个性化修改服务。【售后支持到模板不在开发之时】
本模板里面的原创性质代码均允许被二次利用于其他模板,可以不加任何声明,同时本模板允许被其他非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好搜优化针对好搜搜索引擎有针对性优化,当你文章被收录时有很大几率会图文并茂的显示在搜索结果上被动技能

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

更新

20181001更新6.0.0版本,正好两周年,这个系列是时候需要停下脚步回头看看了

1,修复评论内容填写代码,代码不显示问题
2,删除一个兼容性不太好的函数
3,优化xx风格手机端样式
4,新增一个注释的开关
5,删除部分多余代码

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
发表新评论
已有 688 条评论
  1. US_西贝Eree
    US_西贝Eree
    回复

    啊呀 买买买

    1. Jrotty
      Jrotty
      回复

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

  2. 清馨雅致
    清馨雅致
    回复

    前来支持!打折不?

    1. Jrotty
      Jrotty
      回复

      @清馨雅致 你的主题已经写第三遍了吧ಥ_ಥ

    2. 清馨雅致
      清馨雅致
      回复

      @清馨雅致 可以。。。我在写主题了,呃呃这个主题真难写

    3. Jrotty
      Jrotty
      回复

      @清馨雅致 你要的话就送#[滑稽],直接QQ我就好

    4. 清馨雅致
      清馨雅致
      回复

      @清馨雅致 送人不?

    5. Jrotty
      Jrotty
      回复

      @清馨雅致 逢年过节会打折,如果你要的话,直接QQ我就好

  3. Mr.Tcsy
    Mr.Tcsy
    回复

    哈哈、我看到你修复了https 我就换回来了 嘎嘎

    1. Mr.Tcsy
      Mr.Tcsy
      回复

      @Mr.Tcsy 搞定 我去研究下这个函数

    2. Jrotty
      Jrotty
      回复

      @Mr.Tcsy 不会吧,你主机可能不支持scandir,你在functions.php里面搜$rand = rand(1,$n);将$n改成99,这样手动设置下缩略图数量吧

    3. Mr.Tcsy
      Mr.Tcsy
      回复

      @Mr.Tcsy 感觉喔那缩略图就那么2张 哈哈 好像不随机了

    4. Mr.Tcsy
      Mr.Tcsy
      回复

      @Mr.Tcsy 不会吧、、、刚下的你的免费版。。还没怎么改呢。。就把内页的打赏的代码删掉了

    5. Jrotty
      Jrotty
      回复

      @Mr.Tcsy 你是不是改缩略图代码了,随机缩略图貌似出了问题#[汗死]

  4. 让您受精了

    博主,问你件事,博客的后台程序是别人的?页面的模板是自己写的?还有就是虚拟主机哪里的呀?

    1. 让您受精了

      @让您受精了 博主,我发现你使用的插件instantclick.js 感觉有点....
      其一:预加载请求这个想法是好,能在你没有点击之前就加载到本地上了,但是我看了代码,他没有吧请求过的内容保存下来,每次请求都是重新获取服务器一遍,注意哦,返回码状态码是200,而不是304
      其二:该插件有黑白名单机制,但是你没有好好使用,就好比我鼠标滑到我不想看的链接他都帮我预加载出来了,官方提出的解决方案就是设置一个延迟加载值
      虽然提升了阅读体验,但是也加重了服务器的负担,如果你的虚拟机是固定流量的话,那也流失了很多流量,一般的点击浏览器还可以帮缓存图片啥的
      以上纯属俺的观点,不知道我说得对不对
      --进击的菜鸟

    2. Jrotty
      Jrotty
      回复

      @让您受精了 博客后台程序是typecho博客程序,模板是我自己写的,虚拟主机是Sugarhosts的,这个点击本站下方的那个链接就能到官网,这个虚拟主机很贵的233,到期准备换别的了

  5. 友人C
    友人C
    回复

    归档页如果太长了能够分页吗?

    1. Jrotty
      Jrotty
      回复

      @友人C 不能ಥ_ಥ,这个我还真不会弄

  6. Doeca
    Doeca
    回复

    之前对php一窍不通的时候用博主做的Themia主题用了好久。自从学了php以后就到处下载主题开始狂改。。。从Themia中也学到了很多技巧( •̀ ω •́ )y
    支持博主的主题。另外想反馈一下,手机端访问好像打不开侧边栏(<_<)

    1. 怎么炒股新手入门

      @Doeca [交给我吧] 来瞅瞅啦~

    2. Doeca
      Doeca
      回复

      @Doeca 多看例子,百度PHP新手入门都有一大堆教程。

    3. 戴耳环的鱼

      @Doeca 我也想自己做一个主题,但是我啥都不会。
      官方模板打开一看都是天书,更别提博主的Themia了。能请教下该学点啥嘛?

    4. 米课外贸培训

      @Doeca [摸头] 这个文章不回对不起自己!

    5. Jrotty
      Jrotty
      回复

      @Doeca 我自己的网页经常改动,所以可能会出现各种问题#[举手]

    6. Doeca
      Doeca
      回复

      @Doeca 再试了一下可以了~

    7. Jrotty
      Jrotty
      回复

      @Doeca 什么浏览器啊!清除下缓存再试试!#[哭]


前篇 后篇