使用 Tailwind CSS 开发项目的时候，经常要针对不同大小的屏幕做适配，可以使用 tailwindcss-debug-screens 来实时显示当前屏幕大小处于哪个断点
记录使用 CSS 实现文章目录自动编号的相关信息和代码
'%20fill-rule='evenodd'%20d='M83%20110c6-24%2021.001-36%2045-36c36%200%2040.5%2027%2058.5%2031.5c12.001%203.001%2022.5-1.499%2031.5-13.5c-5.999%2023.999-21.001%2036-45%2036c-36%200-40.5-27-58.5-31.5C102.499%2093.5%2092%2098%2083%20110m-45%2054c6-23.999%2021-36%2045-36c36%200%2040.5%2027%2058.5%2031.5c12.001%203.001%2022.5-1.499%2031.5-13.5c-5.999%2023.999-21.001%2036-45%2036c-36%200-40.5-27-58.5-31.5c-12-3.001-22.5%201.499-31.5%2013.5'%20clip-rule='evenodd'%20/%3e%20%3cdefs%3e%20%3clinearGradient%20id='skillIconsTailwindcssLight0'%20x1='86.5'%20x2='163.5'%20y1='74'%20y2='185.5'%20gradientUnits='userSpaceOnUse'%3e%20%3cstop%20stop-color='%2332b1c1'%20/%3e%20%3cstop%20offset='1'%20stop-color='%2314c6b7'%20/%3e%20%3c/linearGradient%3e%20%3c/defs%3e%20%3c/g%3e%20%3c/svg%3e)
'%20fill-rule='evenodd'%20d='M83%20110c6-24%2021.001-36%2045-36c36%200%2040.5%2027%2058.5%2031.5c12.001%203.001%2022.5-1.499%2031.5-13.5c-5.999%2023.999-21.001%2036-45%2036c-36%200-40.5-27-58.5-31.5C102.499%2093.5%2092%2098%2083%20110m-45%2054c6-23.999%2021-36%2045-36c36%200%2040.5%2027%2058.5%2031.5c12.001%203.001%2022.5-1.499%2031.5-13.5c-5.999%2023.999-21.001%2036-45%2036c-36%200-40.5-27-58.5-31.5c-12-3.001-22.5%201.499-31.5%2013.5'%20clip-rule='evenodd'%20/%3e%20%3cdefs%3e%20%3clinearGradient%20id='skillIconsTailwindcssDark0'%20x1='86.5'%20x2='163.5'%20y1='74'%20y2='185.5'%20gradientUnits='userSpaceOnUse'%3e%20%3cstop%20stop-color='%2332b1c1'%20/%3e%20%3cstop%20offset='1'%20stop-color='%2314c6b7'%20/%3e%20%3c/linearGradient%3e%20%3c/defs%3e%20%3c/g%3e%20%3c/svg%3e)
Tailwind CSS
