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

相关推荐
木头没有瓜2 小时前
vscode离线安装插件
ide·vue.js·vscode
lls2333 小时前
恢复idea文件目录
ide
NeRF_er5 小时前
使用 VScode Debug加不上断点的原因
ide·vscode·编辑器
GHL2842710905 小时前
error MSB8041: 此项目需要 MFC 库。从 Visual Studio 安装程序(单个组件选项卡)为正在使用的任何工具集和体系结构安装它们。
ide·visual studio
专注VB编程开发20年9 小时前
javascript的类,ES6模块写法在VSCODE中智能提示
开发语言·javascript·vscode
MediaTea13 小时前
Python 编辑器:Thonny
编辑器
笑醉踏歌行1 天前
idea应用代码配色网站
java·ide·intellij-idea
山顶望月川1 天前
并行科技MaaS平台支持文心4.5系列开源模型调用
人工智能·机器学习·编辑器
韩初心1 天前
使用 visual studio 2022 编译 Lua5.4.8
ide·visual studio·lua5.4
GDAL1 天前
Node.js REPL 教程
node.js·编辑器·vim