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 生效

相关推荐
死也不注释38 分钟前
【第一章编辑器开发基础第二节编辑器布局_1水平与垂直布局(1/4)】
编辑器
空气中的告白1 小时前
搭建云途YTM32B1MD1芯片VSCODE+GCC + Nijia + Cmake+Jlink开发环境
vscode·gcc
沐沐茶壶2 小时前
vscode Cline接入火山引擎的Deepseek R1
ide·vscode·火山引擎
设计师小聂!4 小时前
尚庭公寓-----day1 业务功能实现
java·ide·spring·maven·mybatis
死也不注释4 小时前
【第一章编辑器开发基础第一节绘制编辑器元素_7折叠面板控件(7/7)】
编辑器
死也不注释14 小时前
【第一章编辑器开发基础第一节绘制编辑器元素_6滑动条控件(6/7)】
android·编辑器
爱听许嵩歌14 小时前
新版本PyCharm Conda环境设置 “找不到conda可执行文件”的解决
ide·pycharm·conda
csdn_aspnet16 小时前
如何在 Visual Studio Code 中使用 Cursor AI
vscode·cursor
zpjing~.~19 小时前
VSCODE 选中多行 需要同时按住alt键才可以
ide·vscode·编辑器
HealthScience20 小时前
vscode/cursor怎么自定义文字、行高、颜色(settings.json)
ide·vscode·编辑器