Yodu6.6.0
一款轻量的自适应模板,没有使用任何前端框架,代码极为简洁,并使用了instantclick预加载技术,让模板加载起来非常流畅。
兼容方面:除ie外大部分浏览器均兼容。ie系列ie9以上勉强兼容,兼容typecho1.0和1.1
模板功能与特性
功能 | 介绍 | 使用 |
---|---|---|
多皮肤 | 模板八种皮肤可供选择,
初心版 有所减少 |
模板后台设置 |
缩略图 | 6种缩略图设置方案 | 模板后台设置 |
预加载pjax | 5种模式可供选择 | 模板后台设置 |
评论ajax | 无刷新评论 | 模板后台设置 |
评论设置 | 支持原生评论,畅言,Disqus等 | 模板后台设置 |
邮箱头像源设置 | 支持改变邮箱头像源,后台提供多种选项 | 模板后台设置 |
代码高亮 | 默认代码高亮,
支持行号 ,也可关闭使用兼容版Prismjs代码高亮插件 |
模板后台设置 |
扩展功能 | 一言,加载音效,平滑滚动,代码压缩,动态标题等 | 模板后台设置 |
二维码 | 默认就有文章二维码,打赏二维码功能 | 模板后台可设置关闭 |
自定义css | 支持在模板设置处自定义css,群内提供部分css文档 | 模板后台设置 |
分类汇总 | 分类文章汇总页面 | 建立独立页面选择对应模板 |
时间归档 | 按时间归档文章的页面 | 建立独立页面选择对应模板 |
时间归档搜索 | 时间归档页面的时间检索 | 默认开启后台可设置关闭 |
友链页面 | 内置了友联模板,根据简单的书写规则就能展现出好看的友链页面,支持直接填写对方qq获取头像,后续版本将支持直接填写邮箱获取邮箱头像 | 建立独立页面选择对应模板 |
作者页面 | 类似用户中心的界面 | 无需设置 |
文章目录树 | 关联文章中的h1,h2,h3标签生成目录 | 模板设置中扩展组件设置 |
图片灯箱 | 模板引用了fancybox的文件,
5.0 版本使用了fancybox3 |
无需设置 |
图片排版功能 | 能够在默认模板的情况下对图片排布进行控制,同排图片尺寸最好一致,否则会乱,需要模板版本
4.0.0 |
图片alt信息最后面写上-25,-30,-33,-50,-75,-100即可完成图片的排版,以-25为例,-25指的是图片宽度是父级的25%,并且漂浮在文章最左侧,文章末尾最好不要放图 |
页面锁 | 可以给文章/独立页面加密,密码支持自定义 | 文章自定义字段,字段名为
lock ,字段值就是你想要的密码 |
页面锁密码提示功能 | 就是给上边的页面锁加密码提示文字,非强制性的,不加则不显示提示文字 | 文章自定义字段,字段名为
hint ,字段值就是密码的提示文字 |
回复可见 | 隐藏部分文章内容,只有评论文章才能看到,cookie不过期无需重复评论 | 在文章写上这个格式即可
[@hide]要隐藏的内容[/hide] (去掉@),如果采用ajax评论,评论后需要刷新才可以看到 |
模板cdn功能 | 可将模板的所有js,css,图片等文件,放到又拍云等地方,然后一键引用 | 模板后台设置 |
附件地址替换 | 模板设置除输入替换前地址和替换后地址保存即可 |
3.5.0 版本以上支持 |
mulu 字段 |
自定义字段名
mulu ,字段值随便写,输入字段的文章会显示文章目录树,就是在全局关闭目录树的基础上,可以为个别文章开启目录树, 4.1.0 版本以上支持 |
|
皮肤拓展支持 | 可以自己为模板写css皮肤,然后扔进模板skin文件夹,然后进入模板设置选择皮肤,选择自己写的那个css皮肤即可 |
4.3.0 版本以上支持, 初心版 不支持 |
针对360好搜优化 | 针对好搜搜索引擎有针对性优化,当你文章被收录时有很大几率会图文并茂的显示在搜索结果上 | 被动技能 |
文章列表排序自定义 | 包括(index,front,category,tag,search,date)页面的文章列表,可设置根据文章最后修改时间进行重新排序默认是倒叙,可根据需求不同简单的修改模板代码可实现更多骚操作 |
6.3.5 版本(含)以上支持,拓展设置中最后一项 |
其他功能及常见问题:https://zezeshe.com/archives/yodu-template-strategy.html
背景音乐插件:https://zezeshe.com/archives/typecho-yodubgm.html
缩略图扩展包:https://zezeshe.com/archives/500-random-thumbnail.html
首次配置模板
主题配置的视频教程:https://pan.baidu.com/s/1gfvLNl5【视频中说的关闭反垃圾保护的步骤在模板3.3.0版本以上无需关闭也可以】
- 配置模板导航
- 新建独立页面,标题为归档,地址archives.html,自定义模板选择archives,发布页面
- 新建独立页面,标题为友情链接,地址links.html,自定义模板选择links,友情链接设置详见群内视频,发布页面
- 新建独立页面,标题为关于,地址about.html,内容写些关于自己的一些东西,然后发布页面
- 新建独立页面,标题为分类汇总,地址categories.html,自定义模板选择categories,发布页面
- 配置模板后台
- 打开模板后台,填入头像地址(可不填),填入微博主页地址,Github主页地址。
- 缩略图设置,根据需要自行选择,需要的配置即可,这里付费版的用户可选项比较多
- 打赏功能二维码图片可替换images文件夹的的tb.jpg和wx.jpg
- 其他说明
- 上传模板后,一定要确保模板文件夹的名字为”yodu”否则模板显示会有严重问题
- instantclick预加载技术也是pjax的一种,但是不保证所有的背景音乐播放器插件能够无bug播放
- instantclick预加载技术可能会导致你正在使用的一些插件失效,例如音乐播放器,视频播放器,文章编辑器等等。
更新
20190324更新6.6.0版本
1,修正友链一处php代码不规范,增强兼容性。
2,修复目录树被其他元素遮盖问题。
3,其他
9种皮肤 x 2种布局风格,也就是说能组合出16种样式,以下拿出3种作为例子