泽泽の博客 泽泽の博客

Yodu 模板完全使用攻略

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

Yodu 主题的高级使用与常见问题解决,文章内容会不断的更新

扩展皮肤功能

将自己为模板写的 css 文件,扔进模板 skin 文件夹下,然后模板皮肤设置处选择自己的这个皮肤即可。

css 命名小规则,建议使用英文字母命名,同时如果不兼容卡牌模式,请在命名中加入“-”。

例如我为模板写了个 css 皮肤,名字为ceshi.css,如果他兼容 显示设置 中的卡片风格,则无需任何改动,扔进 skin 文件夹下即可。如果他不兼容或者不想让他加载卡片风格则将ceshi.css改为ce-shi.css然后扔进 skin 文件夹下即可强行关闭卡片风格

高级输入框对应命令

指令 功能
-w 开启根据游客来源输出欢迎信息的 welcome 功能
wtyl 友链页面友链头像不显示
fujian 开始文章附件地址替换功能

添加完指令点击保存即可激活,高级输入框激活的功能不保证所有人试用哦!

缩略图功能

缩略图获取优先显示顺序: 文章中的图片→标签图片→随机图片 / 固定一张图片

随机缩略图扩展:用户将图片放到到模板目录/img/sj/文件夹内即可,图片默认有 99 张,所以手动扩展的话,需要将图片命名为 100.jpg,上传上去这样就拓展好了一张图片,以此类推图片的名字要求连续的数字,后缀为 jpg。【建议图片尺寸为 140*140】
打开模板设置,随机缩略图数量设置,设置成你想拓展的数量。

给文章标签设置对应的缩略图: 对中文友好的主机可以这样→用户将图片放到到模板目录/img/tag文件夹内, 然后将图片名字改为标签名字,图片后缀仍为 jpg。对中文不友好的主机建议这样设置→进入 typecho 后台,鼠标移向“管理 ”,然后点击“ 标签 ”进入标签管理页,移动鼠标找到你想要设置的标签,然后你会看到标签旁边有个 小铅笔 ,点击它,然后就可以编辑这个标签了,将 标签缩略名 设置为英文字母形式的,如abc, 最后将图片命名为 abc 得到 abc.jpg,将它传到/img/tag文件夹内即可。【如果不需要标签缩略图的话,可以将/img/tag文件夹内的所有图片删除】【建议图片尺寸为 140*140】

更改固定的一张图片: 替换模板/img目录下的 mr.png 图片即可。【建议图片尺寸为 140*140】

文章缩略图后缀:因为一些云存储服务可以提供设置裁剪图片的规则,例如七牛云,又拍云什么的,例如我的这个图片
未添加规则的正常图片地址:https://qqdie.com/demo.png
添加好裁剪规则的图片地址:https://qqdie.com/demo.png!Themia
实际上就是图片地址后面又加了个字符串
那么我怎么把这个字符串添加到缩略图后面呢?首先进入 typecho 后台编辑当前模板,打开functions.php文件,按 Ctrl+ F 搜索“ 裁剪规则 ”,你会看到$cai = '';//这里可以添加图片后缀,例如七牛的缩略图裁剪规则,这里默认为空接着上边的例子将!Themia填进去即可,得到结果$cai = '!Themia';, 最后点击下面的 保存文件 即可。

常见问题与回答
问:为什么有的时候侧栏的图标不显示?
答:【付费版 1.9.0 版以上模板中已解决该问题】图标载入的是字体文件,只有用后台绑定的域名访问才会显示,比如程序后台绑定的是 qqdie.com, 那么用 www.qqdie.com 进行访问就会出现没有图标的情况,建议将 www.qqdie.com 的域名重定向到 qqdie.com 上。这样怎么访问都会访问到程序绑定的域名上,图标也会完美显示了。

问:如何换掉一些皮肤的背景图?
答:“旧版皮肤”的侧栏背景图替换模板目录images下的 bg.jpg 即可;“透明 - 黑 / 白”的背景图替换模板目录images下的 zbg.jpg 即可; 评论框内的图片替换duoshuo/images/目录下的 commentsbg.gif 即可 (3.2 版之前是 guatai.png)。

问:模板更新提到了几次 彩蛋 ,那么彩蛋到底在哪?
答:博客首页,右下方页码处,点击OF即可触发。

问: 打赏二维码如何替换?
答: 打赏功能二维码图片可替换images文件夹的的tb.jpg/pngwx.jpg/png。【要求正方形,建议尺寸 142*142】

问: 说是轻量级的主题,为啥文件还那么大?
答: 随机缩略图自带了 99 张,所以是他的锅,可能也还有些无用文件忘记删除了,预计会在 1.8 版中进行一次清扫,实际博客前端引用的文件并不多。

问: 为什么有一项关于favicon.ico的报错?
答:favicon.ico为站点图标,因为这个图标大多数都是放在网站根目录的,所以模板没有自带,如果不是很理解请百度搜索favicon.ico的相关用途。

问: 模板加载的图标都有哪些,调用代码如何?
答: 因为要保证模板的简洁,所以模板本身只加载了 41 个常见图标,具体如下图

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

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

typecho模板 教程
发表新评论
已有 7 条评论
  1. 友链博客
    友链博客Windows 10谷歌浏览器
    回复

    百度的那个图标居然叫做 sbbaidu (ˉ▽ˉ;)... ,这是有多大的仇

  2. 幻想的羽毛
    幻想的羽毛Windows 10谷歌浏览器
    回复

    看到你这儿的评论都是快一年前的了,也是很厉害了。我就来打破这份宁静吧

  3. 工控资料窝
    工控资料窝Windows 10谷歌浏览器
    回复

    咦,这个还挺厉害的啊

  4. CAISIDUO
    CAISIDUOWindows 10谷歌浏览器
    回复

    (づ ̄ ³ ̄) づ功能好多啊

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

      @CAISIDUO 这个是比较隐秘的功能,最近才想起来,于是水了一文龴ↀ◡ↀ龴

  5. 爱奇智
    爱奇智Windows 10谷歌浏览器
    回复

    不错

  6. 春熙路
    春熙路Windows 10谷歌浏览器
    回复

    [滑稽]支持

PREVIOUS NEXT
雷姆
拉姆