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

Author:

火喵酱

©

Wordage:

共计 7876 字

needs:

约 1 分钟

Popular:

495 ℃

Created:

温馨提示:

本文最后更新于2022年02月17日,已经过了226天没有更新,若内容或图片失效,请留言反馈
目 录
最近也是经常有小伙伴问我,全屏的头图怎么做。因为之前我用的是图片,后来改成了视频,但是视频的文件我已经修改了很多牵扯到自定义的部分,不能通用,我现在就从备份中扒出来之前的那份纯图片的文件,现在整理一下分享给大家
文件的大部分内容是从一个国外的免费模板扒的,但是找不到出处了。
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文件,直接引入即可(上面的前三项都不用看了):

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

{card-describe title="已知问题:"}

  1. 和侧边栏的3D标签云共用可能会产生bug,建议关闭侧边栏的3D标签云
    {/card-describe}
- - - The END - - -
共计 16 条评论,点此发表评论
  1. 头像
    @
    chenmo
    新人

    访客

    看看先。。。

    · Win 1x · Chrome · 湖南
  2. 头像
    @
    公爵的披风
    Lv.1

    访客

    来观摩观摩

    · Win 1x · Chrome · 福建
  3. 头像
    @
    XCATX
    Lv.2

    访客

    来观摩观摩

    · Win 1x · Chrome · 广西
  4. 头像
    @
    kingkare
    Lv.2

    访客

    找到了 你这找解压密码是真的跟破案一样啊:@(害羞) 还有就是请教大佬能否把这个解压密码的教程发一下

    · Win 7 · Chrome · 山西
    1. 头像
      @

      解压密码有啥教程:@(看热闹)就是一个title显示

      · Win 1x · Chrome · 辽宁
  5. 头像
    @
    kingkare
    Lv.2

    访客

    感谢大佬分享,解压密码是啥啊

    · Win 7 · Chrome · 山西
  6. 头像
    @
    彭于晏
    Lv.1

    访客

    大佬牛皮,找个解压密码像破案一样::(大拇指)

    · Win 1x · Chrome · 安徽
    1. 头像
      @

      绝了,我就这一个文件加了密码::(狗头)

      · Win 1x · Chrome · 辽宁
  7. 头像
    @
    彭于晏
    Lv.1

    访客

    你好,小白过来学学技术!

    · Win 1x · Chrome · 安徽
  8. 头像
    @
    泠风寒声
    Lv.6

    好友

    我要代码!!!:@(b19)

    · Android Pie · Chrome · 福建
  9. 头像
    @
    人类最强
    新人

    访客

    哇,多谢大佬分享::(大拇指)

    · Win 1x · Chrome · 本机地址
  10. 头像
    @
    HYTN
    Lv.1

    好友

    快让我看看你的宝贝

    · Win 1x · Chrome · 本机地址
  11. 头像
    @
    轩逸
    新人

    访客

    我想学习一下

    · Android · Chrome · 本机地址
    1. 头像
      @

      写的有些乱,你先看最后一步那里整理了一份现成的:@(献黄瓜)

      · Win 1x · Chrome · 本机地址
  12. 头像
    @
    长意
    Lv.1

    访客

    我来学习啦,喵喵::(太开心)

    · Win 1x · Chrome · 本机地址
    1. 头像
      @

      :@(ac06)

      · Win 1x · Chrome · 本机地址
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 本站已运行 2 年 205 天 17 小时 10 分 51统计 百度统计 自豪地使用 Typecho 建站,并搭配 MyDiary 主题 Copyright © 2020 ~ 2022. 火喵博客・日记本 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活