泽泽の博客 泽泽の博客

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

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

Yodu4.7.0

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

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

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

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

模板功能与特性

功能 介绍 使用
多皮肤 模板八种皮肤可供选择 模板后台设置
缩略图 6 种缩略图设置方案 模板后台设置
预加载 pjax 5 种模式可供选择 模板后台设置
评论 ajax无刷新评论 模板后台设置
评论设置 支持原生评论,畅言,Disqus 等 模板后台设置
邮箱头像源设置 支持改变邮箱头像源,后台提供多种选项 模板后台设置
代码高亮 默认代码高亮,支持行号,也可关闭使用兼容版 Prismjs 代码高亮插件 模板后台设置
扩展功能 一言,彩蛋,加载音效,平滑滚动,代码压缩,动态标题等 模板后台设置
二维码 默认就有文章二维码,打赏二维码功能 模板后台可设置关闭
自定义 css支持在模板设置处自定义 css, 群内提供部分 css 文档 模板后台设置
分类汇总 分类文章汇总页面 建立独立页面选择对应模板
时间归档 按时间归档文章的页面 建立独立页面选择对应模板
时间归档搜索 时间归档页面的时间检索 默认开启后台可设置关闭
标签归档 可以给文章 / 独立页面加密,密码支持自定义 建立独立页面选择对应模板
友链页面 内置了友联模板,根据简单的书写规则就能展现出好看的友链页面 建立独立页面选择对应模板
作者页面 类似用户中心的界面 无需设置
文章目录树 关联文章中的 h1,h2,h3 标签生成目录 模板设置中扩展组件设置
自动空格 中英文之间自动留白加空格,无需设置,4.3.0版本后由 js 模式改为 PHP 渲染模式
图片灯箱 模板引用了 fancybox 的文件 无需设置
图片排版功能 能够在默认模板的情况下对图片排布进行控制,同排图片尺寸最好一致,否则会乱,需要模板版本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,图片等文件,放到又拍云等地方,然后一键引用 模板后台设置
高级输入框 输入指定字符激活部分隐藏性质功能或者测试性质功能 模板后台输入
附件地址替换 模板设置除输入替换前地址和替换后地址保存即可,激活代码fujian3.5.0版本以上支持
welcome 根据游客来源输出欢迎信息,激活代码-w3.6.0版本以上支持
谷歌 AMP 移动网页加速功能 支持谷歌推出 AMP 移动网页加速项目 实现应用无缝加载 无需设置4.0.0版本以上支持
mulu字段 自定义字段名mulu,字段值随便写,输入字段的文章会显示文章目录树,就是在全局关闭目录树的基础上,可以为个别文章开启目录树,4.1.0版本以上支持
编辑器字数统计 需要在 拓展设置 中开启,开启后会实时统计字数,汉字字数,数字字数,字母字数等,4.2.0版本以上支
皮肤拓展支持 可以自己为模板写 css 皮肤,然后扔进模板 skin 文件夹,然后进入模板设置选择皮肤,选择自己写的那个 css 皮肤即可4.3.0版本以上支

高级输入框对应命令

指令 功能
-w 开启根据游客来源输出欢迎信息的 welcome 功能,需模板3.6.0
wtyl 友链页面友链头像不显示,需模板3.6.0
fujian 开始文章附件地址替换功能,需模板3.5.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,发布页面
    • 新建独立页面,标题为友情链接,地址 links.html,自定义模板选择 links,友情链接设置详见群内视频,发布页面
    • 新建独立页面,标题为关于,地址 about.html,内容写些关于自己的一些东西,然后发布页面
    • 新建独立页面,标题为分类汇总,地址 categories.html,自定义模板选择 categories,发布页面
  • 配置模板后台

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

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

更新

下次预计更新内容

2018-02-15 更新 Yodu4.7 付费版

1,删除超大屏模式样式
2,ajax 评论邮箱过滤增强
3,精简模板主体 css
4,Meting 插件鼠标样式部分进行关联
5,一些基础的 js 版本号不在跟随模板版本号变更
6,作者页面头像 css 优化

2018-02-06 更新 Yodu4.6 付费版

1,预加载兼容 Meting(https://github.com/MoePlayer/APlayer-Typecho)音乐播放器插件,拓展设置中可打开兼容开关
2,编辑器字数计算功能改为只针对文章编辑器,独立页面排除
3,一言接口变更(强行催用户更新,排除一些盗版用户)

2018-02-01 更新 Yodu4.5.0 付费版

1,删除多余代码
2,优化文章目录 css 解决部分情况下触发的 bug
3,修正邮箱头像源的一些瑕疵
4,表格部分情况下排版问题修正
5,新增图标 niconico,mixi,Pixiv,知乎,土豆,天猫,支付宝,阿里云,coding,网易云等图标,感谢设计师 nullice
6,卡片风格手机端大幅度调整,更加好看
7,修正哔哩哔哩视频引用功能布局瑕疵

2018-01-17 更新 Yodu4.4.4 付费版

1,amp 功能按需自动开启有利于 seo
2,皮肤优化,其中透明皮肤手机端可以透明了
3,定义了 HTML 页面所使用的字符集,增强浏览器渲染效率
4,一些细节的修改,使其自行书写皮肤变得更加顺畅。

2018-01-08 更新Yodu4.3.0 付费版

1,手机端头像关联设置
2,pangu 留白改为 php 模式,删除 js 的盘古留白代码
3,修正几个书写方式
4,修复 B 站视频快速引用问题
5,皮肤扩展功能上线,非常简单的就支持了模板使用者为自己定制皮肤,同时将多个原模板皮肤归类至扩展皮肤文件夹下(skin),所以升级该版本后可能需要重新设置下皮肤选项。
6,删除不必要的代码

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

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

本文基于《署名 - 非商业性使用 - 相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/yodu.html (转载时请注明本文出处及文章链接)

模板 自适应yoduinstantclick
发表新评论
已有 556 条评论
  1. 友人C
    友人CWindows 10谷歌浏览器
    回复

    告诉我说是不是第一个#[滑稽] 备案需要一个星期呀~

    1. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @友人C 看我刚刚水的一篇文章吧,总历时14天

  2. 友人C
    友人CWindows 10谷歌浏览器
    回复

    不造CNZZ的统计代码要回调什么#[寒心] 搜索中都是百度统计的。。。

    1. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @友人C 我也纠结这个问题呢,于是去你那看看,发现你神马都没做(꒦໊ྀʚ꒦໊ི )

  3. Postbird
    PostbirdWindows 10谷歌浏览器
    回复

    想问一下,博主启用pjax的话,多说的加载放在主题上吗?我现在用的主题文章加载一次之后,由于缓存,在点别的文章或者再点一次原来的文章,就不在添加多说了,博主怎么解决这个问题的?比如我的友联:点了一次,再点一次默认缓存,不进行js的重新加载,因此也不请求listpost,只能刷新以后才能显示多说评论。我模仿过百度统计的加载方式,页面加载后,再加载emed.js,但是发现还是没有效果。。。

    1. Postbird
      PostbirdWindows 10谷歌浏览器
      回复

      @Postbird 问题已经解决!非常感谢!

    2. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @Postbird 可以参考这篇文章进行尝试https://qqdie.com/archives/pjax-duoshuo.html

    3. Postbird
      PostbirdWindows 10谷歌浏览器
      回复

      @Postbird 说错了 不是友联,是留言链接 http://www.ptbird.cn/comments.html,用的多说,第一次可以正常访问,但是再点一次就不行,只能强制刷新,文章也是一样的问题。

  4. 英语视频
    英语视频Windows 10谷歌浏览器
    回复

    模板功能很强大哈

  5. 氾
    Windows 10谷歌浏览器
    回复

    加油,用户之一,如果侧栏能够实现自定义增加栏目就好了。

    1. 氾
      Windows 10谷歌浏览器
      回复

      @氾 感觉手机版的模板侧栏太满,不敢加。#[笑尿]

    2. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @氾 TYPECHO菜单方面没有啥优雅的方式能自定义增加,所以就没弄,有需要的话可以修改模板的sidebar.php文件

  6. 胡杨
    胡杨Windows 10谷歌浏览器
    回复

    这里真可以,以后常来了啦

PREVIOUS NEXT
雷姆
拉姆