演示图

修改方法

1. 首页Logo

theme/default/view/index.pug 修改第10行为:

a.home(href='/')
  img(src='https://g.alicdn.com/teambition-site/site/images/header/logo-one.svg' height='30.0px')
  |  Teambition

2、修改返回箭头颜色

theme/default/view/index.pug

将第9行的 #333 改为 #53b0f6

3、修改头部导航栏颜色

theme/default/style/main.less

将第30行将 #c1c1c1 改为 #fff

4、修改文件夹图标颜色

theme/default/svg/folder.svg

搜索8f8f8f#8f8f8f 修改为 #53b0f6

5、修改图标颜色

theme/default/style/icon.less

#8f8f8f修改为 #53b0f6

6、给网页添加icon

theme/default/view/partial/layout.pug 在第6行加入以下代码

meta(property='og:image' content='https://www.lxink.cn/favicon.ico')
link(rel='shortcut icon' href='https://www.lxink.cn/favicon.ico')

7、Console输出网站信息

theme/default/script/main.js 在第77行以下加入以下代码

console.log("\n".concat(" %c Sharelist 网盘挂载程序 v2.0 "), "color: #fadfa3; background: #030307; padding:5px 0;")
console.log("\n".concat(" %c 凉心's Blog", " | ", "Copyright " + new Date().getFullYear() + " 本站保留所有权利 "), "color: #fadfa3; background: #030307; padding:5px 0;")

8、修改底部两个按钮

theme/default/view/partial/footer.pug

9、修改头部Logo旁文字颜色

theme/default/style/main.less

第89行添加 color: #1b9aee;

#333 修改为 #53b0f6

模板下载

下载压缩包解压放在 theme目录下,然后在Sharelist后台启用主题

修改文件及启用主题时,需要重启Sharelist服务,通过ssh连接服务器,运行以下命令:

#查看进程id
[root@Lxcloud ~]# pm2 ls
┌────┬────────────────────┬──────────┬──────┬───────────┬──────────┬──────────┐
│ id │ name               │ mode     │ ↺    │ status    │ cpu      │ memory   │
├────┼────────────────────┼──────────┼──────┼───────────┼──────────┼──────────┤
│ 0  │ sharelist          │ fork     │ 0    │ online    │ 0%       │ 106.9mb  │
└────┴────────────────────┴──────────┴──────┴───────────┴──────────┴──────────┘
#重启进程
[root@Lxcloud ~]# pm2 restart 0
Use --update-env to update environment variables
[PM2] Applying action restartProcessId on app [0](ids: [ '0' ])
[PM2] [sharelist](0) ✓
┌────┬────────────────────┬──────────┬──────┬───────────┬──────────┬──────────┐
│ id │ name               │ mode     │ ↺    │ status    │ cpu      │ memory   │
├────┼────────────────────┼──────────┼──────┼───────────┼──────────┼──────────┤
│ 0  │ sharelist          │ fork     │ 1    │ online    │ 0%       │ 10.1mb   │
└────┴────────────────────┴──────────┴──────┴───────────┴──────────┴──────────┘

站点演示

最后修改:2021 年 05 月 13 日 09 : 55 PM
如果觉得我的文章对你有用,请随意赞赏
END
本文作者:
文章标题:Sharelist网盘挂载程序美化教程+微改模板
本文地址:https://lxink.cn/6.html
版权说明:若无注明,本文皆凉心‘s Blog原创,转载请保留文章出处。