给files.photo.gallery添加自定义头部信息

本来是用得_h5ai,但是这不瞎折腾,看到群里有人用files.photo.gallery.我也就试试.

新玩意,可自定义项目不多(其实挺多).需要一定的动手能力,主要是不挑环境,_h5ai发布的新版本支持apache了,还是不支持iis.我是重度Windows用户,不装逼,玩不来Linux.

先放效果图.或者点我博客上方的文件仓库直接看.

默认这里什么都没有,好了.直接开始.

1.首先,打开index.php文件并找到<main id="main">,当前位于第1369行附近.在下方添加自定义HTML:

<main id="main">
      <div id="custom-header">这里是自定义信息</div>

2.创建一个文件_files/css/custom.css,内容如下:

#custom-header {
  background-color: var(--col950);
  color: var(--col100);
  font-weight: 500;
  min-height: 58px;
  align-items: center;
  display: flex;
  font-size: 20px;
  padding-left: 16px;
}
.menu-enabled.sidebar-closed #custom-header {
  padding-left: 54px;
}

3.再次打开index.php.在1364行附近找到<?php custom_script('css'); ?>,在下面增加一行<link href="_files/css/custom.css" rel="stylesheet">,具体如下:

<?php custom_script('css'); ?>
<link href="_files/css/custom.css" rel="stylesheet">

OK.搞完.

另外附送一个免费版变收费版的办法.

打开index.php,在1432行附近找到

<script src="<?php echo config::$assets ?>js/files.js"></script>
替换成

<script src="https://cdn.jsdelivr.net/gh/yyingc/js@v2.0/files.js"></script>

请低调使用.

转载请注明出处,多谢!
THE END
分享
二维码
< <上一篇
下一篇>>