QQ爹の博客 QQ爹の博客

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

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

Yodu5.1.5

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

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

付费版说明
Yodu 售价[只需¥58元],扫码付款然后联系QQ485868654

付款二维码

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

模板功能与特性

功能介绍使用
多皮肤模板八种皮肤可供选择模板后台设置
缩略图6种缩略图设置方案模板后台设置
预加载pjax5种模式可供选择模板后台设置
评论ajax无刷新评论模板后台设置
评论设置支持原生评论,畅言,Disqus等模板后台设置
邮箱头像源设置支持改变邮箱头像源,后台提供多种选项模板后台设置
代码高亮默认代码高亮,支持行号,也可关闭使用兼容版Prismjs代码高亮插件模板后台设置
扩展功能一言,彩蛋,加载音效,平滑滚动,代码压缩,动态标题等,5.0版本没彩蛋模板后台设置
二维码默认就有文章二维码,打赏二维码功能模板后台可设置关闭
自定义css支持在模板设置处自定义css,群内提供部分css文档模板后台设置
分类汇总分类文章汇总页面建立独立页面选择对应模板
时间归档按时间归档文章的页面建立独立页面选择对应模板
时间归档搜索时间归档页面的时间检索默认开启后台可设置关闭
友链页面内置了友联模板,根据简单的书写规则就能展现出好看的友链页面建立独立页面选择对应模板
作者页面类似用户中心的界面无需设置
文章目录树关联文章中的h1,h2,h3标签生成目录模板设置中扩展组件设置
自动空格中英文之间自动留白加空格,无需设置,4.3.0版本后由js模式改为PHP渲染模式
图片灯箱模板引用了fancybox的文件,5.0版本使用了fancybox3无需设置
图片排版功能能够在默认模板的情况下对图片排布进行控制,同排图片尺寸最好一致,否则会乱,需要模板版本4.0.0图片alt信息最后面写上-25,-30,-33,-50,-75,-100即可完成图片的排版,以-25为例,-25指的是图片宽度是父级的25%,并且漂浮在文章最左侧,文章末尾最好不要放图
页面锁可以给文章/独立页面加密,密码支持自定义文章自定义字段,字段名为lock,字段值就是你想要的密码
页面锁密码提示功能就是给上边的页面锁加密码提示文字,非强制性的,不加则不显示提示文字文章自定义字段,字段名为hint,字段值就是密码的提示文字
B站视频快速引用可将B站视频地址直接转换成播放器,默认html5模式在文章单独一段里写上http://www.bilibili.com/video/av9214469/类似这样的链接即可
回复可见隐藏部分文章内容,只有评论文章才能看到,cookie不过期无需重复评论在文章写上这个格式即可[@hide]要隐藏的内容[/hide](去掉@),如果采用ajax评论,评论后需要刷新才可以看到
模板cdn功能可将模板的所有js,css,图片等文件,放到又拍云等地方,然后一键引用模板后台设置
高级输入框输入指定字符激活部分隐藏性质功能或者测试性质功能,5.0版本不支持模板后台输入
附件地址替换模板设置除输入替换前地址和替换后地址保存即可,激活代码fujian3.5.0版本以上支持
welcome根据游客来源输出欢迎信息,激活代码-w3.6.0版本以上支持,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版本以上支

高级输入框对应命令

指令功能
-w开启根据游客来源输出欢迎信息的welcome功能,需模板3.6.05.0版本不支持
wtyl友链页面友链头像不显示,需模板3.6.05.0版本不支持
fujian开始文章附件地址替换功能,需模板3.5.05.0版本默认开启

说明:以上命令支持混合输入,如三个功能同时开始则输入-wtylfujian即可

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

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

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

更新

20180410更新内容

1,表情插入功能增强手机浏览器兼容性(已测试安卓端:via)
2,表情插入功能导致的html格式评论键入问题修复
3,针对安卓uc和夸克浏览器表情会插入最前面的问题进行无奈的修复(现在只会往后面插了)
4,代码高亮功能行号支持隐藏,扩展设置最后一项开关
5,小毛病修复

9种皮肤 x 2种布局风格,也就是说能组合出16种样式,以下拿出3种作为例子

蓝白卡片风格.png 茶色卡片风格.png 黑透明卡片风格.png
jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

模板自适应yoduinstantclick
发表新评论
  • ]
已有 585 条评论
  1. True
    True 10Chrome
    回复

    请问fancybox3安装functions.php什么代码使Markdown的图片附件带上A标签?

    1. Jrotty
      Jrotty本文作者客户端
      回复

      @True 正则替换文章内容

  2. 米粒博客
    米粒博客 XPChrome
    回复

    可能用习惯了WordPress,主题比较华丽丽,一下难以转变,但是速度确实是杠杠的!在纠结中……

  3. mr.tcsy
    mr.tcsy 10Chrome
    回复

    我进入你博客,360提示已进入网购模式 。。。

    1. Jrotty
      Jrotty本文作者 10Chrome
      回复

      @mr.tcsy 66666

  4. 肖施主
    肖施主 8.1Chrome
    回复

    Yodu模板评论里面,有站外链接不自动加nofollow,你这网站好像可以啊,怎么我们的不行啊,哪的事?测试一下:http://www.baidu.com/

    1. Jrotty
      Jrotty本文作者 10Chrome
      回复

      @肖施主 模板的事情,我的模板用正则替换了评论内容

      1. 肖施主
        肖施主 8.1Chrome
        回复

        @Jrotty $cos = preg_replace('#<a(.*?) href="([^"]*/)?(([^"/]*)\.[^"]*)"(.*?)>#',        '<a$1 href="$2$3"$5 target="_blank" rel="nofollow">', $cos);原来是comments.php里面没加rel="nofollow",加上就行了

  5. 奥莉
    奥莉 7搜狗浏览器
    回复

    除了棒没什么要说的

  6. True
    True 10Chrome
    回复

    图片灯箱 模板引用了fancybox的文件,5.0版本使用了fancybox3这个能发个Typecho教程不

    1. True
      True 10Chrome
      回复

      @True 还有拼音注释

前篇 后篇
雷姆
拉姆