QQ爹の博客 QQ爹の博客

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

in typecho代码 read (5817) 5502字

Yodu2.0.0

一款轻量的自适应模板,没有使用任何前端框架,代码极为简洁,并使用了instantclick预加载技术,让模板加载起来非常流畅。
付费版说明:

主题 售价 购买
Yodu ¥50 联系QQ485868654

【支付宝bssf@qq.com】(ps:如果觉得价格贵了,请时刻关注本页面,逢年过节时会打折的!)
购买说明:购买此主题后,您将获得主题源码,购买后可随意使用,但不得分发、转售,因主题是可复制的商品,售出后一律不予退款;售后支持主题免费升级,但不提供免费个性化修改服务。
模板高级使用教程:https://qqdie.com/archives/yodu-template-strategy.html
背景音乐插件:https://qqdie.com/archives/typecho-yodubgm.html
缩略图扩展包:https://qqdie.com/archives/365-random-thumbnail.html
免费体验版1.5.0下载:http://pan.baidu.com/s/1pLdFXov【由于个人时间原因,免费版后续将停止更新】

历史更新内容见文章末尾处
主题配置的视频教程:http://pan.baidu.com/s/1bSEXtk【高清无码,声音还算清晰,建议下载后观看,百度转码都给转糊了】
最稳定的模板升级方式:启用其他的模板,然后删除我的旧版模板,在上传新版本模板,然后启用。

模板功能与特性:

0,多说样式完全自带,主题只支持多说评论哈。
1,代码高亮功能
2,文章图片灯箱效果
3,文章中中英文间自动加空格
4,缩略图惰性加载
5,模板自带文章显示阅读次数功能
6,自带归档,标签归档等模板页
7,缩略图自动提取文章中第一张图片,同时模板自带随机缩略图图片99张,可拓展
小建议:使用该模板建议使用默认编辑器,其他插件性质的编辑器可能会与instantclick不兼容;博客如果未开启伪静态去掉网址中的/index.php/,那么需要在模板后台开启兼容非伪静态。

  • 配置模板导航

    • 新建独立页面,标题为归档,地址archives.html,自定义模板选择archives,发布页面
    • 新建独立页面,标题为标签,地址tags.html,自定义模板选择tags,发布页面
    • 新建独立页面,标题为友情链接,地址links.html,自定义模板选择links,内容为将友情链接的a标签,用li标签进行包裹,如'<ul><li><a href="http://qqdie.com/">QQ爹博客</a></li><li><a href="http://baidu.com/">百度</a></li></ul>',发布页面
    • 新建独立页面,标题为关于,地址about.html,内容写些关于自己的一些东西,然后发布页面
    • 收费版:新建独立页面,标题为分类汇总,地址categories.html,自定义模板选择categories,发布页面
  • 配置模板后台

    • 打开模板后台,填入头像地址(可不填),填入微博主页地址,Github主页地址,填入多说的short_name(不填则不开启评论功能),填写自己的建站时间(可不填)。【注::这里的多说css都是主题内置好的,所以多说自定义css里的css最好清空,否则会有不美观的现象发生】
    • 缩略图设置,根据需要自行选择,需要的配置即可,这里付费版的用户可选项比较多
    • 打赏功能二维码图片可替换images文件夹的的tb.jpg和wx.jpg
  • 其他说明

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

浏览器兼容性测试:Ie11,Chrome53.0,Opera40.0,Firefox49.0.1,safari,Edge38.14393(就是win10自带那个),360安全浏览器8.1.1(chrome45.0的内核)均兼容,其他浏览器未测试。

历史更新
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

模板有多种皮肤可供选择,其中两种预览图如下
yodu模板蓝白风格

yodu模板旧版风格

文章二维码

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

Tags: 模板自适应yodu