给vscode设置背景图片

给vscode设置背景图片,第1张

都说程序员都有一颗闷骚的心,当然了我也不例外,所以我给我的vscode设置了背景图片,下面让我给大家介绍一下我是如何设置的

里面的配置项把 "background-size":"100%,100%",就可以让背景图片平铺了。

1、首先在EXTENSIONS搜索carbon-now-sh,然后安装该插件。

2、其次新建一个文件,编写一些测试的代码,代码的话是不分语言的。接着选择需要生成图片的代码片段,鼠标右键然后选择CommandPalette或者是直接用快捷键(Windows-Ctrl+Shift+P,Mac-Cmd+Shift+P)。命令托盘打开之后在输入框输入Carbon然后回车,插件会自动打开浏览器的页面。

3、然后在图片生成界面我们可以自己根据情况进行设置,包括背景颜色以及语言等。

4、最后设置好之后我们选择Export然后设置名称以及大小,在这里还可以选择下载的图片类型,现在暂时支持jpg以及SVG两种,然后会自动下载到本地,这样就完成了代码转图片的过程。

<img src="1111.gif" width="165" height="60" />跟html一起

<img src="img/1111.gif" width="165" height="60" />html一起的img文件夹下的1111.gif

<img src="img/gif/1111.gif" width="165" height="60" />html一起的img文件夹下gif文件夹下的1111.gif

以此类推


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11912447.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存