QQ爹の博客 QQ爹の博客

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

in Typecho read (39955) 6059汉字 文章转载请注明来源!

Yodu3.3.3

一款轻量的自适应模板,没有使用任何前端框架,代码极为简洁,并使用了instantclick预加载技术,让模板加载起来非常流畅。
兼容方面:IE9以上大部分浏览器均兼容。兼容typecho1.0,1.1,及最新开发版

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

付费版说明
Yodu 售价¥55.55元,购买联系QQ485868654,或者扫码付款,付款说明“购买主题”并且留下你的邮箱

购买说明:购买此主题后,您将获得主题源码,购买后可随意使用,但不得分发、转售,因主题是可复制的商品,售出后一律不予退款;售后支持主题免费升级,但不提供免费个性化修改服务。【至少半年售后服务】

模板功能与特性

功能介绍使用
多皮肤模板八种皮肤可供选择模板后台设置
缩略图6种缩略图设置方案模板后台设置
预加载pjax5种模式可供选择模板后台设置
评论ajax无刷新评论模板后台设置
评论设置支持原生评论,畅言,Disqus等模板后台设置
代码高亮默认代码高亮,也可关闭使用兼容版Prismjs代码高亮插件模板后台设置
扩展功能一言,彩蛋,加载音效,平滑滚动,代码压缩,动态标题等模板后台设置
二维码默认就有文章二维码,打赏二维码功能模板后台可设置关闭
自定义css支持在模板设置处自定义css,群内提供部分css文档模板后台设置
模板cdn功能可将模板的所有js,css,图片等文件,放到又拍云等地方,然后一键引用模板后台设置
分类汇总分类文章汇总页面建立独立页面选择对应模板
时间归档按时间归档文章的页面建立独立页面选择对应模板
时间归档搜索时间归档页面的时间检索默认开机后台可设置关闭
标签归档可以给文章/独立页面加密,密码支持自定义建立独立页面选择对应模板
友链页面内置了友联模板,根据简单的书写规则就能展现出好看的友链页面建立独立页面选择对应模板
作者页面类似用户中心的界面无需设置
文章目录树关联文章中的h1,h2,h3标签生成目录模板设置中扩展组件设置
自动空格中英文之间自动留白加空格无需设置
图片灯箱模板引用了fancybox的文件无需设置
页面锁可以给文章/独立页面加密,密码支持自定义文章自定义字段,字段名为lock,字段值就是你想要的密码
页面锁密码提示功能就是给上边的页面锁加密码提示文字,非强制性的,不加则不显示提示文字文章自定义字段,字段名为hint,字段值就是密码的提示文字
B站视频解析可将B站视频地址直接转换成播放器,手机端会启动html5播放器在文章单独一段里写上http://www.bilibili.com/video/av9214469/类似这样的链接即可
回复可见隐藏部分文章内容,只有评论文章才能看到,cookie不过期无需重复评论在文章写上这个格式即可[hide]要隐藏的内容[/hide],如果采用ajax评论,评论后需要刷新才可以看到

其他功能及常见问题: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,发布页面
    • 新建独立页面,标题为标签,地址tags.html,自定义模板选择tags,发布页面
    • 新建独立页面,标题为友情链接,地址links.html,自定义模板选择links,友情链接设置详见群内视频,发布页面
    • 新建独立页面,标题为关于,地址about.html,内容写些关于自己的一些东西,然后发布页面
    • 新建独立页面,标题为分类汇总,地址categories.html,自定义模板选择categories,发布页面
  • 配置模板后台

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

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

更新历史

未来更新内容概览

2017-08-14更新Yodu3.3.3 付费版

1,兼容Aplayer播放器插件,安装插件后需要在模板设置处开启兼容开关
2,Fix X-UA-Compatible等
3,修复3.1版本搜索处遗留bug
4,charset声明改为php方式获取程序默认设置

2017-08-07更新Yodu3.3.0 付费版

1,修复评论处登录手机端处换行问题
2,模板设置处css轻度优化,减少窄屏幕排版错乱情况
3,时间归档页面搜索功能
4,删除block皮肤,新增茶色皮肤
5,经过处理,评论设置无需关闭反垃圾保护也可以兼容预加载啦
6,修正header一处php写法错误优化SEO
7,后台可自由关闭文章目录树,和时间归档搜索功能
8,删除一段程序输出的多余的js代码,优化判断等

2017-07-31更新Yodu3.2.0 付费版

1,修复ajax评论时不嵌套问题,感谢友人C帮助
2,ajax评论修复跨页评论bug,修复首次评论页码不同步问题等
3,ajax评论动画微调整,修正不完全居中等问题
4,评论框位置选择功能删掉,默认评论框在评论列表上边
5,评论动画兼容超大屏模式
6,评论框默认背景图更改,删除多说残余css
7,删除缩略图数量自动识别功能,增强兼容性,如想拓展缩略图数量可手动设置
8,优化一个php的if判断,解决部分独立页面没有悬浮工具条的问题

2017-07-27更新Yodu3.1.2 付费版

1,因为网易云跟帖也GG了,所以删除兼容云跟帖的代码。
2,修复原生评论框头像获取QQ头像时的误判情况
3,增加回复可见功能。
4,评论gravatar头像尺寸由100改为40,因为部分人没有100尺寸的头像
5,load.js合并了一个相同请求
6,修复上个版本升级造成的多皮肤部分地方显示失败问题
7,ajax评论加入过场动画
8,公告位置兼容引导页模式
9,css微调整,手机端优化,灯箱优化,修正tag标签上下间距问题等
10,因typecho开发板修复了li标签bug,故此模板层面的兼容代码删除
11,黑色透明皮肤手机端将显示高冷黑效果,整站字体黑体优先级进行了优化

2017-07-18更新Yodu3.0.0 付费版

1,修复移动端,苹果手机菜单栏鬼畜的bug。
2,加入ajax无刷新评论【评论设置处需要设置将较新的评论显示在前面,如果启用分页,请将第一页作为默认显示】
3,修复评论输入框在EDGE/IE浏览器上不能并排显示的问题
4,文章目录树默认展开
5,分类页面显示分类描述
6,修正typecho开发版编辑器文章排版兼容问题
7,首页加入公告功能
8,修复返回到文章页面时,文章目录重复问题

2017-06-28更新Yodu2.8.0 付费版

1,完善页面锁功能,支持显示密码提示文字,同时对存入浏览器中的密码cookie进行MD5加密
2,修复图片灯箱触发范围过大问题
3,对于丑的没人用的初版皮肤进行简单优化
4,修复手机端菜单交互bug,优化工具条交互
5,原生评论无限嵌套子评论【最高999评论】
6,拉姆初始化动画修正
7,在每篇文章评论处,加入管理评论的功能【登录可见】

2017-06-18更新Yodu2.7.0 付费版

1,文章/独立页面加密功能beta,可自定义密码。
2,bilibilli视频地址自动解析成播放器功能
3,修复评论表情yoducdn失效问题
4,style-hei.css评论处样式调整
5,文章二维码api由百度接口改为AD's大佬的api,因为百度生成的二维码留白边距根据文章地址变大变小,导致部分文章二维码处很丑很丑。
6,内置缩略图,统一格式,统一分辨率,压缩部分,更换部分缩略图。
7,一言接口改用群主自建的,群主主机不死就不会出问题

2017-06-07更新Yodu2.6.0 付费版

修复评论处可能存在的bug
修改评论处评论条数位置的css样式
修复YoduCDN存在的功能障碍
后台删除版本更新提示(避免部分人群错误500)

2017-05-29更新Yodu2.5.0 付费版

0,头像css微调
1,文章版权声明,非登录情况下文章内可见
2,文章目录树功能上线,如果需要请在模板后台面板打开它
3,工具条修复大屏幕下错位问题,模板后台可隐藏显示,同时将相关代码移动至footer.php处。
4,拉姆雷姆大屏幕显示优化
5,修复大屏幕下彩蛋触发后,排版bug,删除彩蛋css动画,改用jq的淡入淡出特效。
6,修复php短标签不兼容情况,改用php长标签进行书写,增强兼容性。
7,修复透明黑皮肤电脑端评论输入框排版错位问题
8,彩蛋信息位置更改,避免搜索引擎索引彩蛋大于索引文章的概率
9,修复上一版本css马虎导致加粗css失效问题

2017-05-18更新Yodu2.3.0 付费版

0,删除几个几乎用不到的图片,表情图片尺寸统一√
1,新的交互,加多皮肤适应√
2,评论输入框调整,电脑端三个输入框同排显示,手机端单排显示且宽度100%√
3,conment.php去掉几个p标签,css小部分压缩√
4,代码不自动换行问题修复,同时删除几处无用css√
5,减少多处不必要的if判断,压缩代码√
6,删除一个波纹特效,因为用处少代码太多√
7,文章页面内的按钮字体大小变动,由1rem改为1.5rem√
8,评论头像地址源改为v2ex源,防止被墙√
9,针对typembed,Dplayer插件css方面进行优化√
10,评论表情位置改为按钮上方显示,解决底部表情无法显示全面问题√
11,解决启用yoducdn功能导致的字体跨域问题,方法为将原有字体转换为base64编码字体√

2017-05-09更新Yodu2.2.9 付费版

1,增加图片灯箱效果√
2,修复hj.js的bug√
3,footer部分代码整理,减少六次以上if判断√
4,针对开发版typecho优化,兼容√
5,css部分微调,字体设置,头像旋转速度等√
6,修复yoducdn功能打赏处图片格式问题,同时缩减代码√

2017-04-25更新Yodu2.2.5 付费版

紧急修复2.2.3代码高亮分离后的问题
紧急修复2.2.3兼容Prismjs存在的问题

2017-04-24更新Yodu2.2.3 付费版

0,升级防审查元素功能(加入屏蔽快捷键CTRL+S/U)√
1,代码高亮组件分离,实现后台开关选项,方便用户使用其他代码高亮插件√
2,移动端uc浏览器QQ浏览器强制全屏功能√
3,友情链接css微调,只有手机端居中排列√
4,旧版皮肤优化,加入关闭测栏背景图模糊√
5,兼容Prismjs某代码高亮插件,需要用群里的兼容版√
6,修复评论列表手机端显示过窄问题√
7,模板升级提示改为curl获取√

2017-04-08更新Yodu2.2.2 付费版

1,原生评论微调,行级代码颜色改为红色。
2,原生评论加入表情功能,需要在后台打开。
3,评论时间函数修改调整
4,加入自定义模板css功能
5,兼容畅言,直接在模板设置里添加畅言的两个参数即可激活畅言

2017-03-31更新Yodu2.2.0 付费版

1,去除评论头像的懒加载。
2,模板css,js文件加入版本号显示,避免缓存。
3,加入HTML压缩功能,代码来自linpx博客。
4,各皮肤评论样式微调
5,文章二维码和打赏二维码后台可隐藏

2017-03-27更新Yodu2.1.5 付费版

1,评论默认头像可自定义,并且头像加入惰性加载
2,原生评论再次美化,删除多说残留css
3,一言js独立出来,后台关闭一言即可关闭相关js
4,相关皮肤评论框对应微调
5,分类归档时间格式关联只系统设置,时间归档时间格式修改为数字
6,评论时间改为'xx天前'格式

2017-03-23更新Yodu2.1.3 付费版

1,因为多说阵亡,所以模板内置的多说将完全剔除。
2,原生评论优化,布局微调,解决评论分页处的错版,加入评论内容超长换行,通知针对qq邮箱的用户,评论头像直接输出qq头像。
3,拓展组件中加入一键使模板界面语言设置成中文。

2017-03-20更新Yodu2.1.2 付费版

1,修复友情链接页面缺少的分享按钮√
2,缩略图可通过填写图片链接自定义√
3,文章字数函数调整让其只统计汉字√
4,修复缩略内容字母串自动换行问题√
5,修复模板后台面板升级提示已知bug

2017-03-13更新Yodu2.1.1 付费版

1,修复浏览器兼容提示不美观现象√
2,友情链接页面头像加载动画加入√
3,模板设置处文字遗漏的部分修补√
4,文章作者的名字显示在标题下方√
5,防部分浏览器审查元素脚本加入√

2017-03-05更新Yodu2.1.0 付费版

0,图标,删除三个不常用图标,新增QQ空间图标,哔哩哔哩图标,steam图标
1,一言加入,默认关闭。
2,QQ空间分享加入。
3,页面加载声音加入,默认关闭。
4,平滑滚动功能调整,避免bug。
5,标题动态改变,默认关闭。
6,浏览器兼容性提示,排版优化。
7,增加广告位,删除侧边栏中英文设置。
8,控制面板新增拓展组件设置,可以设置开/关一言,页面载入生效,彩蛋触发等。

2017-02-20更新Yodu2.0.4 付费版

1,大屏模式优化
2,修整原生评论框间距
3,打赏二维码格式变更为png,文章图片加入边框
4,鼠标指针样式修改为各种情况看着都没啥大毛病的样式
5,作者页面文章数量每页强制50篇,作者页面,作者身份改为中文显示
6,友情链接页面支持用QQ号代替头像,友情链接样式并入主样式中,友链样式微调
7,手机端将只显示打赏二维码,因为没必要显示文章二维码,拉姆雷姆关联鼠标指针
8,解决sidebar头像部分鼠标样式丢失,头像位置的超链接调整为整个色块都是超链接
9,文章字数,文章阅读次数,平滑滚动均加入到模板后台可开启或关闭,默认隐藏

2017-02-15更新Yodu2.0.3 付费版

1,浏览器能平滑滚动
2,随机缩略图兼容模式调整
3,增加模板版本检测提示升级
4,加入点击波纹效果,头像加入点击波纹效果
5,友情链接页面调整,支持使用友联头像,在原来友联超链接基础上前面加个图片即可

2017-02-10更新Yodu2.0.2 付费版

1,加入作者主页页面
2,修复ol标签导致的文章错版问题
3,修复文章标签和文章编辑时间同时显示导致的错版问题

2017-02-05更新Yodu2.0.1 付费版

1,黑技能加载速度提升50-300ms速度
2,修复苹果浏览器下分享组件排版问题,搜索界面渲染问题
3,超大屏幕样式适配
4,多说样式完善
5,修复一些ie浏览器不兼容情况
6,修复个手残导致的图片地址写错的问题

2017-01-20更新Yodu2.0.0 付费版

1,针对苹果浏览器优化,加入了条meta
2,原生评论再次重新书写,能显示博主身份,修复与预加载js的小冲突
3,透明皮肤优化,透明黑皮肤回归,block皮肤优化原生评论部分
4,随机缩略图改为不污的(QAQ)
5,头像也启用惰性加载
6,加入一个简单的404页面
7,预加载兼容网易云跟帖
8,后台可一键关闭预加载模式
9,加入显示文章字数功能(包含标点)
10,加入脸书,油管,paypal图标,替换微信图标
11,表格手机端自适应问题修复
12,修正模版没有限制造成在某些情况下的路径泄漏
13,模板设置页面样式微调,为方便后台操作
14,初版yodu皮肤优化,背景图片加了模糊Duang!特技
15,代码样式美化
16,加入好搜的智能摘要规则
17,修复安卓谷歌浏览器状态条颜色显示的问题
18,缩略图位置调整和文章标题齐平
19,其他:模板设置处文字信息修改,部分未压缩的png图片进行无损压缩,背景图片均改为渐进式jpg格式,

   随机缩略图数量异常是在彩蛋处输出提示信息。

2017-01-03更新Yodu1.9.0 付费版

1,压缩了部分图片,没啥质量损失,至少看不出来
2,后台去除伪静态兼容开关,改为自动判断
3,解决字体图标的跨域问题,网站使用多个网址,图标也能正常显示了
4,模板全面改用$options->rootUrl的地址
5,修复默认提取邮箱头像,无法识别大写字母的邮箱地址问题
6,评论样式再次重写
7,首页底部年份时间改为自动输出现在的年份;js和图片资源链接更正写法
8,修复“缩略图全部随机”导致的文章分享时的图片也随机的问题。

2016-12-27更新Yodu1.8.6 付费版

1,修复上一版本统计代码不生效问题
2,修复彩蛋显示问题。
3,删除原生评论多余字符。

2016-12-24更新Yodu1.8.5 付费版

1,皮肤方面,删除黑色透明皮肤,白色透明皮肤只在电脑端生效,block皮肤多说评论框颜色微调
2,style.css主样式方面,引用样式调整,代码块样式调整,全新搜索样式加入,旧版搜索样式删除。
3,评论方面,除了原由的多说评论外,加入原生评论,同时可以在disanfang.php中添加其他第三方评论【可能会不兼容】

需要在模板后台进行切换。

4,load.js,删除多余无用js,去掉fastclick【效果貌似不明显】,一些代码微调。
5,模板后台方面,可自定义站点底部文字,可加入统计代码, cdn资源替换功能跟进,文章编辑时间可隐藏。
6,预加载模式加入了另外的两种方式,模板后台可切换。
7,文章的时间格式和程序后台进行关联,可以到程序设置→阅读设置→时间格式那里进行修改。
8,一些历史残余代码进行修整等等

2016-12-12更新Yodu1.8.0收费版

1,模板后台加入样式,变得非常有质感,不在low了。
2,多说背景图修复,多说博主显示加入动态效果。
3,手机端菜单交互,有人反映说太快,故续0.1秒。
4,侧栏菜单支持中/英文显示,需要在模板后台设置。
5,block皮肤优化,模板后台封面更换,默认头像使用v2ex源。
6,删除历史残余的1M的垃圾压缩包。

2016-11-27更新Yodu1.7.0收费版

1,预加载js更新至最新,模板展示图替换。
2,友情链接样式修整, 加入文章标签显示,预加载模式设置加入模板后台。
3,彩蛋不只是彩蛋
4,搜索处加入小动画,修复手机端归档页面时间显示问题,文章密码框加入样式。
5,颜色皮肤进度条颜色跟随皮肤颜色,站点title显示布局修改。
6,大屏样式回归原版布局样式,增加2份新皮肤,修复旧版皮肤问题。

2016-11-12更新Yodu1.6.0收费版

1,删除多余播放器css,因为播放器已单独作为插件存在了。
2,代码高亮js跟进最新,同时换掉了代码高亮的css。
3,文章页面内按钮修正排版。
4,博客增加多皮肤样式,后台可切换。
5,搜索按钮兼容预加载,使其搜索文章时YoduBGM背景音乐插件也能正常工作。
6,style.css加入动态效果
7,修复网站存在子目录侧边栏失效的问题
8,修复大屏下彩蛋bug,调整大屏幕下的某些布局问题,修复等等吧

2016-11-02更新Yodu1.5.0免费版

修复拉姆雷姆不出现的bug,并且后台加入了兼容伪静态的开关。

2016-10-31更新Yodu1.5.0

提示:1.5.0免费版由收费版阉割修改而成,所以升级模板请[启用其他的模板,然后删除我的旧版模板,在上传新版本模板,然后启用。]
1,style.css修改,解决页码处和底部版权位置冲突,导致的错版问题。
2,压缩了jquery文件,加快首页加载速度。
3,修正移动手机端菜单交互出现的各种问题。
4,预加载模式修改,加载速度略微降低,但减少主机流量资源等浪费,同时为下一步更新最一个铺垫
5,后台加入多说id设置,填写id,评论时可显示“博主”身份。
6,style.css微调,style-block.css微调。

2016-10-21更新Yodu1.3.0

1,加入了对应特大屏幕的布局css,使其32寸显示器上显示依旧美观
2,模板默认皮肤改为“清雅淡蓝”,并且后台可选择更换旧版皮肤,收费版将多出个“清雅淡蓝-block”的皮肤
3,META标签整理,加入移动端网站图片标签,可自行替换模板中的favicon.png图片
4,付费版修复时间归档页,未开启伪静态导致的时间点击没有效果的问题
5,修复付费版“有图文章显示缩略图,无图文章则不显示缩略图”功能与“文章分享”组件冲突

2016-10-17更新Yodu1.2.0

0,文章段落间距微调整
1,css侧边栏字体颜色改为纯白,并且加黑色阴影,这样的话即使背景图片颜色和字体冲突,也不会影响观感
2,缩略图点击进入文章
3,文章分享组件的“分享至QQ空间”改为“分享到QQ好友”
4,修复致命BUG,网页返回后菜单等按钮点击无效
5,头像加入鼠标经过旋转效果

2016-10-09更新Yodu1.1.0

1,css翻页按钮阴影去除,头像阴影去除。
2,缩略图alt信息改为文章标题,加快首页速度。
3,多说css表情处间距优化。
4,休整一处的代码书写不规范

收费版另外加入

1,所有文章缩略图全部随机显示的功能
2,后台加入兼容未开启伪静态的开关
3,加入分类汇总页面【新建独立页面,标题为分类汇总,地址categories.html,自定义模板选择categories,发布页面】
4,后台加入底部至顶至底按钮图片,侧边菜单显示/隐藏设置

2016-10-04模板发布Yodu1.0.1

1,多说css删除部分无用代码
2,修正侧栏背景图无法自动拉伸问题
3,自带背景图片格式改为渐进式jpg

2016-10-01诞生Yodu1.0

历时20天左右从设计到初步开发,模板诞生

模板有多种皮肤可供选择,其中的三种皮肤预览图如下

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

模板自适应yoduinstantclick
最后由Jrotty编辑于2017-08-14 21:10
发表新评论
已有 397 条评论
  1. Chakhsu Lau
    Chakhsu Lau
    回复

    有PJAX,又有dns-prefetch,请求访问本来就是异步的,现在又用js去给懒加载评论头像图片,反而增加了页面渲染的性能爬坡。

    1. Jrotty
      Jrotty本文作者
      回复

      @Chakhsu Lau 确实自相矛盾了,我是不是可以把惰性加载完全去掉了呢

  2. Feng
    Feng
    回复

    有没有什么好的办法,可以把多说评论迁回到本地的

    1. Jrotty
      Jrotty本文作者
      回复

      @Feng 这个插件就可以https://muguang.me/guff/duoshuo2typecho.html

      1. Feng
        Feng
        回复

        @Jrotty 可以给一个原生评论的comments代码吗?

        1. Jrotty
          Jrotty本文作者
          回复

          @Feng 你可以在https://github.com/siseboy/junichi这种开源模板里超份粗来

          1. Feng
            Feng
            回复

            @Jrotty 来个特价吧,秒了它233

            1. Jrotty
              Jrotty本文作者
              回复

              @Feng 今年不讲价qaq,群里买模板的人不让我降价

      2. Feng
        Feng
        回复

        @Jrotty 赶紧去试试,谢谢喽

  3. Dongle
    Dongle
    回复

    主题不错。。

    1. Jrotty
      Jrotty本文作者
      回复

      @Dongle 我参考了几个我喜欢的模板样式写的233

前篇 后篇

评论提交中...

雷姆
拉姆
音乐加载中...
0:00