QQ爹の博客 QQ爹の博客

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

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

Yodu2.3.0

一款轻量的自适应模板,没有使用任何前端框架,代码极为简洁,并使用了instantclick预加载技术,让模板加载起来非常流畅。
简介
加载效率:因为使用了instantclick预加载技术,加载效率很快,优化了搜索功能使其切合instantclick预加载技术;针对360好搜优化收录样式。
评论方面:有原生评论,同时兼容友言,畅言,来必力,网易云跟帖等第三方评论框。
功能方面:完善的缩略图设置,背景音乐插件有专属为其开发的yodubgm插件YoduPlayer,还有一言,彩蛋,html压缩,图片fancybox灯箱效果,highlight代码高亮,文章目录树等功能。
兼容方面:IE9以上大部分浏览器均兼容。兼容typecho1.0,1.1,及开发版

付费版说明:
Yodu 售价¥50元,根据付款方式不同,价格稍有不同,谁让我习惯用支付宝呢?

付款方式售价购买
支付宝¥50元联系QQ485868654
QQ¥51元联系QQ485868654
微信¥55元联系QQ485868654

购买说明:购买此主题后,您将获得主题源码,购买后可随意使用,但不得分发、转售,因主题是可复制的商品,售出后一律不予退款;售后支持主题免费升级,但不提供免费个性化修改服务。
模板高级使用教程:https://qqdie.com/archives/yodu-template-strategy.html
背景音乐插件:https://qqdie.com/archives/typecho-yodubgm.html
缩略图扩展包:https://qqdie.com/archives/500-random-thumbnail.html

历史更新内容见文章末尾处
主题配置的视频教程:http://pan.baidu.com/s/1bSEXtk【高清无码,声音还算清晰,建议下载后观看,百度转码都给转糊了】

  • 配置模板导航

    • 新建独立页面,标题为归档,地址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预加载技术可能会导致你正在使用的一些插件失效,例如音乐播放器,视频播放器,文章编辑器等等。

模板功能与特性:

加载速度上很快尤其是切换页面上。评论上有原生评论,有多说评论(样式内置好了),还可以自行填加其他第三方评论(网易云跟帖,友言等均兼容)。缩略图方面可自行抓取文章首图,无图文章可以不显示或者随机显示亦或者固定显示,随机图片支持扩展。媒体方面有可用的背景音乐插件,自带文章二维码,可添加打赏二维码。

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

更新历史

预计下个版本

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

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-05-24 08:31
发表新评论
已有 332 条评论
  1. record
    record
    回复

    马克下,感觉还可以

  2. 追梦赤子心
    追梦赤子心
    回复

    想买!不过对于tp这个程序没用过啊!不知道好入手不!!!

    1. Jrotty
      Jrotty本文作者
      回复

      @追梦赤子心 你可以先安装typecho用一段时间,觉得可以再说

  3. AFR
    AFR
    回复

    等我换掉WP我一定来买一份|ू・ω・` )

    1. Jrotty
      Jrotty本文作者
      回复

      @AFR 好啊好啊,欢迎各界人士入坑

  4. 小A
    小A
    回复

    背景音乐会断,当点击置顶文章的时候。。。
    别的都OK,就是不能点置顶

    1. Jrotty
      Jrotty本文作者
      回复

      @小A 理论上并不会断,只是网络差时会触发,还有评论时会断

      1. 小A
        小A
        回复

        @Jrotty 你就测试一下就知道了。
        不是网络问题。
        需要我录制视频看效果?

        1. Jrotty
          Jrotty本文作者
          回复

          @小A 我刚刚测试了并不会断啊

          1. 小A
            小A
            回复

            @Jrotty 昨天家里电脑试几次都断,而且都发生在点击置顶文章的时候。今天怎么试又不断了。
            奇怪。下次有碰到再说吧。目前正常。。

  5. 后宫学长
    后宫学长
    回复

    就是觉得这款主题太宽了.....
    能再窄一半我觉得都可以呢....最近在找Typecho的AJAX加载的主题,感觉很难找...
    另外赞下这主题的表情,鼠标放上去会震,效果一级棒!

    1. Jrotty
      Jrotty本文作者
      回复

      @后宫学长 表情css部分用的是友链某大佬的github项目

      1. 后宫学长
        后宫学长
        回复

        @Jrotty 共享大法好。
        其实我在找单栏主题。
        首页要纯标题的那种。话说你这回复还有邮件通知,Good,我那VPS貌似发不了邮件。

        1. 悠然
          悠然
          回复

          @后宫学长 这里我要插嘴了
          可以试试我写的辣个主题

          1. 后宫学长
            后宫学长
            回复

            @悠然 我想说的是,你空间我挂SS都打不开...
            勉强打开了,发现css全挂了。
            是不是服务器内存刷爆了...
            勉强看到了一眼主页,标题隔得太宽啦....
            强行删div?

            1. 悠然
              悠然
              回复

              @后宫学长 怕是被攻击了

              1. 后宫学长
                后宫学长
                回复

                @悠然 谁攻击你啊,博客而已嘛。
                还没弄好啊...

        2. Jrotty
          Jrotty本文作者
          回复

          @后宫学长 我用的是QQ邮箱发的邮件,感觉还不错

  6. 逗比
    逗比
    回复

前篇 后篇
雷姆
拉姆