Yodu模板完全使用攻略

Typecho杂文 typecho 模板 教程 2016-12-2

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

扩展皮肤功能

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

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

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

缩略图功能

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

随机缩略图扩展:用户将图片放到到模板目录/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的相关用途。

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

字体图标

24条评论

    Jtianyu

    添加友情链接的代码不知道可以可以指点下

    游客 Windows 34 天前回复

      泽泽社长
      @Jtianyu

      教程已丢失,就当没有友链功能吧

      作者 MacOS 27 天前回复

    MoeQ

    那个……泽泽大大 左边那一栏的个人联系方式怎么改鸭

    游客 Windows7 252 天前回复

      泽泽社长
      @MoeQ

      模板设置里应该可以设置

      作者 安卓牛轧糖 252 天前回复

        MoeQ
        @泽泽社长

        找到了 谢谢鸭

        游客 安卓牛轧糖 252 天前回复

    mmoo

    请问网站运行时间怎么修改啊

    游客 Windows7 253 天前回复

      泽泽社长
      @mmoo

      付费版的话模板设置里可以设置,免费版需要改load.js

      作者 Linux 253 天前回复

    丶CONAN

    请问为什么点导航的分类归档友链关于都404无此页面呢?要自己创建的吗

    游客 Windows10 486 天前回复

      Jrotty
      @丶CONAN

      需要根据模板发布页的提示,配置模板

      作者 485 天前回复

    Nicoppa

    资瓷资瓷!!

    游客 Windows7 487 天前回复

    模板后台怎么进去???

    游客 Windows 539 天前回复

      Jrotty
      @母

      你说的就是模板设置页面吧,程序后台找到控制台外观模板设置

      作者 Windows10 539 天前回复

    润天

    加个知乎的图标呗

    游客 Windows10 638 天前回复

      Jrotty
      @润天

      群附件里又个模板图标演示demo,里面写了模板都有那些图标,里面应该有知乎的

      作者 Windows10 638 天前回复

    友链博客

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

    游客 Windows10 712 天前回复

      Jrotty
      @友链博客

      娱乐一下233

      作者 Windows10 638 天前回复

    幻想的羽毛

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

    游客 Windows10 761 天前回复

      Jrotty
      @幻想的羽毛

      你这评论都过100天了,我来激活下

      作者 Windows10 638 天前回复

    工控资料窝

    咦,这个还挺厉害的啊

    游客 Windows10 1096 天前回复

智能推荐