Typecho导航站主题Webstack 钻芒博客二开美化版增加自动获取目标网址的 favicon 图标

ruoyer 技术笔记评论5,525阅读模式

Zmki大佬的基于Typecho博客程序的导航主题Webstack钻芒二开版做的相当漂亮,个人非常喜欢,但是唯一不足的是缺少自动获取目标网站的favicon图标,对于我这样的懒癌症患者真是一大遗憾,因为基于Wordpress的版本是可以自动获取到图标的,但是wordpress版本不如typecho的漂亮。所以经过查阅资料解决了这一问题,现记录解决过程如下:

一、安装Typecho博客程序

参照官网下载安装:Typecho Official Site

Typecho导航站主题Webstack 钻芒博客二开美化版增加自动获取目标网址的 favicon 图标-图片1

二、安装钻芒二开主题

方法参照原地址:typecho 导航主题Webstack 钻芒博客二开美化版 新增暗黑模式全屏切换等 - 钻芒博客 (zmki.cn)

Typecho导航站主题Webstack 钻芒博客二开美化版增加自动获取目标网址的 favicon 图标-图片2

 

三、设置自动获取图标API

下载api程序:输入网址自动获取favicon图标: 使用本接口后,只需要输入目标网站网址就可以获取该网站的ico图标;非常适用于各种导航网站。 (gitee.com)

解压上传到网站根目录

四、修改主题:

重点来了:找到主题目录下的【index.php】文件,通过文档编辑工具打开,修改大约80-100行之间,有两处【<a class="xe-user-img">】元素内的href的值,原值为

<?php echo $posts->fields->logo;?>

修改为

<?php if (($posts->fields->logo)==""){echo 'http://你的api网址/ico/?url='.$posts->fields->url;}else{echo $posts->fields->logo;}?>

保存后生效即可

 
ruoyer
  • 本文由 ruoyer 发表于 2021年7月5日20:25:31
  • 转载请务必保留本文链接:https://www.ruoyer.com/webstack_favicon.html

发表评论