Joe主题的夜间模式的logo是无法在网站后台设置的,采用的是svg格式,默认的logo是一个可爱的小猫

但是也有的用户想改成自己的logo,在后台找了很长时间没有找到,无奈放弃了修改,本文将教学使用Joe主题如何修改夜间模式下显示的logo

了解SVG

SVG 指可伸缩矢量图形 (Scalable Vector Graphics),用来定义用于网络的基于矢量的图形,使用 XML 格式定义图形,图像在放大或改变尺寸的情况下其图形质量不会有所损失,是万维网联盟的标准,与诸如 DOM和 XSL 之类的W3C标准是一个整体。

操作步骤

1、将你需要展示的logo转为svg文件,我用的是这个svgconverter,上传自己logo的png图片,网站会转为svg文件,然后下载svg文件

2、使用编辑器打开svg文件,我用的是notepad,打开之后如下图所示,复制第四行标签开始到标签结尾的中间内容

3、进入typecho的Joe主题文件夹,进入public文件夹,找到header.php文件,进入编辑

4、一般是从第10行开始,到约第80行标签结束,将刚刚复制的代码粘贴替换

我这里是已经修改过的,只是做个示范,第80行下面应该会看到