Chendi Wu

Appearance

在线图片压缩 ​

TinyPNG ​

image.png

Squoosh ​

image.png

生成随机图片 ​

image.png

地图数据 ​

image.png

CDN ​

bootcdn ​

image.png

cdnjs ​

image.png

jsdelivr ​

image.png

在线coding ​

stackblitz ​

image.png

jsbin ​

image.png

正则 - iHateRegex ​

image.png

DevDocs ​

Web 开发技术文档

image.png

前端兼容性自查工具（caniuse） ​

image.png

变量命名神器（codelf） ​

image.png

carbon - 一个能生成漂亮的代码分享图的在线工具 ​

image.png

CSS在线三角代码生成器（链接） ​

image.png

草料二维码（链接） ​

image.png

Markdown 排版（https://mdnice.com/） ​

image.png

Emoji表情大全（链接） ​

image.png

一款截图贴图软件：Snipaste ​

image.png

免费在线工具集合：独特工具箱 ​

image.png

搜索 ​

DogeDoge ​

不可用了

image.png

免费的 SVG 插图 ​

Undraw ​

image.png

Error 404 ​

image.png

印象中文（docschina） ​

image.png

Tampermonkey（油猴Chrome扩展） ​

脚本大全：https://greasyfork.org/zh-CN/scripts

扩展crx文件提取

链接：https://pan.baidu.com/s/19iiVW4ZmN0eNouhit1EnBg

提取码：v1at

Devhints 开发速查 ​

image.png

https://www.processon.com/diagrams/new#template

http://topology.le5le.com/

Layout Switch

Adjust the layout style of VitePress to adapt to different reading needs and screens.

Expand all
The sidebar and content area occupy the entire width of the screen.
Expand sidebar with adjustable values
Expand sidebar width and add a new slider for user to choose and customize their desired width of the maximum width of sidebar can go, but the content area width will remain the same.
Expand all with adjustable values
Expand sidebar width and add a new slider for user to choose and customize their desired width of the maximum width of sidebar can go, but the content area width will remain the same.
Original width
The original layout width of VitePress

Page Layout Max Width

Adjust the exact value of the page width of VitePress layout to adapt to different reading needs and screens.

Adjust the maximum width of the page layout
A ranged slider for user to choose and customize their desired width of the maximum width of the page layout can go.

Content Layout Max Width

Adjust the exact value of the document content width of VitePress layout to adapt to different reading needs and screens.

Adjust the maximum width of the content layout
A ranged slider for user to choose and customize their desired width of the maximum width of the content layout can go.

Spotlight

Highlight the line where the mouse is currently hovering in the content to optimize for users who may have reading and focusing difficulties.

ONOn
Turn on Spotlight.
OFFOff
Turn off Spotlight.