VsCode | 修改首页启动页 Logo

最终效果:

插件的安装

先安装插件 Custom CSS and JS Loader

插件配置

Ctrl + Shift + P 输入

打开用户设置,在末尾添加

json 复制代码
"vscode_custom_css.imports": [""]

下载 Logo
点我下载

引入图片

创建一个文件夹 Vs_code_config,里面放入 user.css

cpp 复制代码
.editor-group-watermark > .letterpress{
  background-image: url("https://raw.githubusercontent.com/Aikoyori/ProgrammingVTuberLogos/main/VSCode/VSCode-Thick.png") !important;
  opacity: .75;
  aspect-ratio: 3/2 !important;
}

但是会因为网络原因可能加载不出来。所以我们可以通过将图片转换 base64 来进行访问。
base64编码在线转换网站

然后将这些编码粘贴到 url 里面,替换掉原先的网页链接并保存

引入 css

回到用户的 settings.json

将之前输入的改为,其中 file:/// 之后是你 user.css 存放的路径

json 复制代码
"vscode_custom_css.imports": ["file:///D:/VS_code_config/user.css"]

让插件生效

Ctrl + Shift + P 输入 >Enable...

点击 Enable Custom CSS and JS

重启 VsCode 生效

相关推荐
路边闲人215 分钟前
vscode启用GEMINI CODE ASSIST插件
ide·vscode·gemini
小蕾Java16 分钟前
Java 开发工具,最新2025 IDEA使用(附详细教程)
java·ide·intellij-idea
CAE虚拟与现实18 分钟前
VSCode官方汉化包
ide·vscode·编辑器·vscode汉化
CAE虚拟与现实1 小时前
VSCode创建Python项目和运行py文件
ide·vscode·编辑器
资讯第一线1 小时前
《RAD Studio 13.0》 [DELPHI 13.0] [官方原版IOS] 下载
ide
过-眼-云-烟3 小时前
新版Android Studio能打包但无法run ‘app‘,编译通过后手机中没有安装,顶部一直转圈
android·ide·android studio
Stardep3 小时前
ssh远程连接服务器到vscode上“连接失败”
服务器·vscode·ssh
扯淡的闲人7 小时前
多语言编码Agent解决方案(4)-Eclipse插件实现
java·ide·eclipse
患得患失94911 小时前
【前端】【高德地图WebJs】【知识体系搭建】面要素知识点——>多边形,圆形, 矩形,图形编辑器
前端·编辑器·高德地图·amap
superior tigre12 小时前
1.linux环境配置+ssh远程连接vscode调试(问题:无法联网,无法共享粘贴板,不满足运行vscode服务器的先决条件)
linux·服务器·vscode