Typecho的Joe主题夜间logo设置

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行下面应该会看到
5、操作完成上面的替换步骤,不要着急保存,现在回到第二步,也就是用编辑器打开svg文件那里,复制svg第三行的【style=】后面的内容
6、回到第四步,也就是进入header.php,找到第9行的stroke-linejoin=”round”,在后面粘贴上刚刚复制的内容,如图所示
7、保存header.php,刷新博客,进入夜间模式查看效果即可
评论
匿名评论
你无需删除空行,直接评论以获取最佳展示效果











