怎样修改页面中的文字内容

这种操作建议找程序员完成, 但只是做简单的修改其实并不麻烦, 而且如果你愿意去尝试, 就会发现这个项目的页面代码的可读性是很强的.

准备工作

安装 Astro, Iconify IntelliSense 两个拓展.

实际操作

简单修改

比如, 如果我想要修改 首页 中的这段文本:

1. 复制文本, 然后在左侧的搜索栏全局搜索, 找到要修改的文本. 可以对照 <Feature> 组件和页面中的内容, 它们是一一对应的
   
2. 修改然后保存. 在本地预览中查看, 或者直接提交, 在构建后看看效果.

修改图标

在 Icônes 或 Iconify 找到想要的图标, 然后复制 tabler:abacus 这种格式的图标名称, 替换掉代码中的图标名称.
如果图标格式没有问题, Iconify IntelliSense 拓展会自动内联显示一个图标, 就像替换之前的图标那样.
项目只包含 @iconify-json/tabler 和 @iconify-json/flat-color-icons 两个图标集. 安装新图标集参考 Customizing Icons | Astro Icon

更复杂的情况

如果文本中带有样式, 可能不能直接搜索到对应字符串, 因为其中的一部分被标记包裹, 比如:
我想修改首页的这个文字, 但直接搜索整句话没有完全对应的结果


此时, 可以搜索这句话的样式连续的部分, 比如中间的 “方案一体化” 都是紫色的, 就搜索它:

定位到这句话了. 可以修改文字, 也可以通过修改 <span> 元素包裹的范围来改变颜色装饰的范围.