前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >sharelist美化教程+微改主题

sharelist美化教程+微改主题

作者头像
kenvie
发布2022-01-20 15:02:14
8580
发布2022-01-20 15:02:14
举报
文章被收录于专栏:kenviekenvie

主题下载

Ab%2BExtOria8x20obgp%2FYU%3D&x-oss-signature-version=OSS2

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

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

代码语言:javascript
复制
#查看进程id
[root@K2 ~]# pm2 ls
┌────┬────────────────────┬──────────┬──────┬───────────┬──────────┬──────────┐
│ id │ name               │ mode     │ ↺    │ status    │ cpu      │ memory   │
├────┼────────────────────┼──────────┼──────┼───────────┼──────────┼──────────┤
│ 0  │ sharelist          │ fork     │ 2    │ online    │ 0%       │ 103.7mb  │
└────┴────────────────────┴──────────┴──────┴───────────┴──────────┴──────────┘
#重启进程
[root@K2 ~]# 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     │ 3    │ online    │ 0%       │ 7.1mb    │
└────┴────────────────────┴──────────┴──────┴───────────┴──────────┴──────────┘

修改头部导航栏颜色

theme/default/view/index.pug

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

修改头部导航栏颜色

theme/default/style/main.less

将第30行将 #c1c1c1 改为 #fff

修改文件夹图标颜色

theme/default/svg/folder.svg

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

修改图标颜色

theme/default/style/icon.less

#8f8f8f修改为 #53b0f6

给网页添加icon

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

代码语言:javascript
复制
meta(property='og:image' content='https://www.teambition.com/favicon.ico')
link(rel='shortcut icon' href='https://www.teambition.com/favicon.ico')

console输出网站信息

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

代码语言:javascript
复制
console.log("\n".concat(" %c Teambition 网盘挂载程序 v2.0 "), "color: #fadfa3; background: #030307; padding:5px 0;")
console.log("\n".concat(" %c kenvie's Blog", " | ", "Copyright " + new Date().getFullYear() + " 本站保留所有权利 "), "color: #fadfa3; background: #030307; padding:5px 0;")

修改头部logo旁文字颜色

theme/default/style/main.less

第89行添加 color: #1b9aee;

#333修改为 #53b0f6

版权属于:kenvie

本文链接:https://kenvie.com/74

商业转载请联系作者获得授权,非商业转载请注明出处。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021 年 03 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 主题下载
  • 修改头部导航栏颜色
  • 修改头部导航栏颜色
  • 修改文件夹图标颜色
  • 修改图标颜色
  • 给网页添加icon
  • console输出网站信息
  • 修改头部logo旁文字颜色
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档