个人 ShareList 简单美化教程

教程目录名中出现的custom请改为你命名的名字 前言 嗯…我一直觉得我的列表站长得不够雅观,于是这几天突发脑洞把他改了下,虽然就改了几行,不过也算得上是一种进步了( •̀ ω •́ )✧ 示例网站整体参照Goindex的nexmoe主题简单改了点,但没有nexmoe主题漂亮 文末的附件中是我正在使用的模板 样图 改造前 改造后(演示站:邮文的下载站) I.网站图标 sharelist一直没有给出改favicon的地方,我们就直接通过新版的主题样式功能改 创建主题模板 先定位到sharelist根目录,打开theme文件夹,然后复制一份theme文件夹里的default文件夹副本,改名为你想取的名字 修改index.pug 定位到/theme/custom/view/partial/layout.pug 在第11行下方增加link(rel='shortcut icon', href='图标链接') 注意与别的link()对齐 II.标题图标 定位到/theme/custom/view/index.pug 找到第十行,按照如下方式修改(上下各多一行代码,请不要复制) 1 2 3 a.home(href='/') img(src='图标链接' height='30.0px') = _config_('title') 注意空格,a.home(href='/')下面两行比a.home(href='/')前多两个空格 III.全站CSS 以下改动代码均在sharelist管理界面的自定义样式一栏添加 自定义样式的最上方需要加上,右键在新标签页打开查看模板 标题颜色 1 2 3 .home { color: grey; } 其中grey为你想要更改的颜色,不会更改请搜索 标题栏颜色&阴影 1 2 3 4 header { background-color: #fff; box-shadow: 0 2px 6px rgb(0 0 0 / 4%); } 其中#fff为你想要的标题栏颜色 box-shadow这里提供的是我的样式,具体修改请搜索 ...

二月 8, 2021 · 邮文