泽泽の博客 泽泽の博客

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
发表新评论
已有 557 条评论
  1. yufan
    yufanWindows 10谷歌浏览器
    回复

    天意啊!我刚折腾完vps准备装tp试试就看到你主题了#[滑之稽]那我就试试#[吃瓜]

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

      @yufan 嗯,试试把,我感觉很快,尤其是手机上特别明显,前提是wifi给力时龴ↀ◡ↀ龴

  2. Deerweak
    DeerweakWindows 10谷歌浏览器
    回复

    这么快又写了个主题。感觉和上一个区别不大。

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

      @Deerweak 样式就是按照原来的样子写的!只不过这个更轻量更快!最重要的是这个不是移植的!而是自己写的!上个月就开始写了╮( ̄▽ ̄)╭

  3. Chakhsu Lau
    Chakhsu LauMac OS X谷歌浏览器
    回复

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

    1. Jrotty
      Jrotty本文作者iPhone OSUC浏览器
      回复

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

  4. Feng
    FengWindows 72345浏览器
    回复

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

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

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

      1. Feng
        FengWindows 102345浏览器
        回复

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

        1. Jrotty
          Jrotty本文作者Windows 10谷歌浏览器
          回复

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

          1. Feng
            FengWindows 102345浏览器
            回复

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

            1. Jrotty
              Jrotty本文作者Windows 10谷歌浏览器
              回复

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

      2. Feng
        FengWindows 72345浏览器
        回复

        @Jrotty 赶紧去试试,谢谢喽

  5. Dongle
    DongleWindows 7谷歌浏览器
    回复

    主题不错。。

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

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

PREVIOUS NEXT
雷姆
拉姆