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

相关推荐
EQ-雪梨蛋花汤14 小时前
【Unity笔记】Unity 编辑器扩展:打造一个可切换 Config.assets 的顶部菜单插件
unity·编辑器·游戏引擎
李少兄1 天前
解决IntelliJ IDEA 提交代码时无复选框问题
java·ide·intellij-idea
sniper_fandc1 天前
IDEA修改系统缓存路径,防止C盘爆满
java·ide·intellij-idea
CUIYD_19891 天前
Eclipse 常用搜索功能汇总
java·ide·eclipse
byte轻骑兵1 天前
365 天技术创作手记:从一行代码到四万同行者的相遇
ide·vscode·编辑器
点云侠1 天前
解决Visual Studio 2022编译工程速度慢的问题
开发语言·c++·ide·算法·计算机视觉·visual studio
奥特曼打小白1 天前
Visual Studio Code的第一次安装
ide·vscode·编辑器
weixin_456904271 天前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
小猫挖掘机(绝版)1 天前
通过tailscale实现一台电脑上vscode通过ssh连接另一台电脑上的VMware Linux 虚拟机
linux·windows·vscode·ubuntu·ssh
和小胖11221 天前
第二讲 Vscode+Python+anaconda 高阶环境配置
ide·vscode·python