博客主页 🎤
JOE主题添加全屏头图显示(通用)

Author:

火喵酱

©

Wordage:

共计 7819 字

needs:

约 1 分钟

Popular:

945 ℃

Created:

:本文最后更新于2022年12月13日,已经过了104天没有更新,若内容或图片失效,请留言反馈
目 录
最近也是经常有小伙伴问我,全屏的头图怎么做。因为之前我用的是图片,后来改成了视频,但是视频的文件我已经修改了很多牵扯到自定义的部分,不能通用,我现在就从备份中扒出来之前的那份纯图片的文件,现在整理一下分享给大家
文件的大部分内容是从一个国外的免费模板扒的,但是找不到出处了。
2021年11月自查发现,当年不是很懂代码,杂余垃圾较多,可以自行取舍,我就懒得搞了 |´・ω・)ノ

参考

因为我已经把图片换成了视频了,图片没办法参考我的网站了,各位可以参考使用本方案的 这个链接 (已失效),来查看效果

css

内容如下:

此处内容,需回复之后可见

html

需创建一个html文件,填入以下内容

此处内容,需回复之后可见

引入字体

这一步如不需要可以省略

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pacifico|Inconsolata:400,700">

引入至主题

将上述内容整合成一个html,假设命名为lalala.html
定位到主题的index.php文件,在适当位置引入html,比如查找定位<?php $this->need('public/header.php'); ?>,在其下方引入:

<?php        
    include ("public/lalala.html");
?>

lalala.html放在public文件夹下即可

追加-注意

如不清楚如何整合,可以下载我整理好的html文件,直接引入即可(上面的前三项都不用看了):

此处内容,需回复之后可见

已知问题:

  1. 和侧边栏的3D标签云共用可能会产生bug,建议关闭侧边栏的3D标签云
感谢!

如果觉得文章很不错,欢迎点一点下面的广告,来表达对喵喵的支持qaq

- - - The END - - -
作者:
火喵酱
文章:
绯色之喵・火喵博客
地址:
https://cat.dorcandy.cn/5f5625c6.html
更新:
2022 年 12 月 13 日 17 时
声明:
本文由博主原创,依据 CC BY-NC-SA 4.0 许可协议授权,转载请注明出处
文章二维码
JOE主题添加全屏头图显示(通用)
 博主关闭了所有页面的评论
博客主页 绯色之喵・火喵博客 记录喵喵美好生活 51统计 百度统计 🌸
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 3 年 17 天 5 小时 45 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2023. 火喵酱 All rights reserved.
打赏图
打赏博主
欢迎
欢迎
欢迎访问绯色之喵・火喵博客
欢迎来看望喵喵!
搜 索
足 迹
分 类
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 测试