网盘挂载程序sharelist美化教程

修改方法

1、改首页的logo

sharelist/app/views/default/index.pug 修改第10行为:

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

注意对齐的位置: 字母h字母i 还有 竖线| 在同一条线

修改 “返回箭头” 颜色

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

2、修改头部导航栏颜色

sharelist-master\sharelist-master\app\public\style\main.less

修改第30行,将 #c1c1c1 改为 #fff

3、修改文件夹图标颜色

sharelist-master\sharelist-master\app\public\svg\folder.svg

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

4、修改图标颜色

sharelist-master\sharelist-master\app\public\style\icon.less

#8f8f8f修改为#53b0f6

5、给网页添加icon

sharelist-master\app\views\default\partial\layout.pug

在第6行后加

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

6、修改底部两个按钮

sharelist-master\sharelist-master\app\views\default\partial\footer.pug

7、console输出网站信息

sharelist/app/public/script/sort.js第47行添加下列代码

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

8、修改头部logo旁文字颜色

sharelist/app/public/style/main.less

第89行添加color: #1b9aee;

© 版权声明
THE END
喜欢就支持以下吧
点赞12赞赏
分享
评论 抢沙发

请登录后发表评论