聊聊建站那些事
内容提要
作者使用Cloudflare Pages和svelte创建了一个新的网站，强调了设计logo和favicon的重要性。他还介绍了使用svelte cli创建项目、添加Google Analytics进行流量分析和生成网站地图的方法。最后，他建议将代码提交到GitHub并使用Cloudflare Pages进行自动部署，然后向搜索引擎提交网站并等待收录。
延伸解读
技术选型：为何是 Cloudflare Pages 与 Svelte
作者选择 Cloudflare Pages 作为托管服务，看重其免费托管、免流量费用和全球网络优化，但指出百度收录可能是个问题。Svelte 则因其简洁和轻量级特性，适合轻量级网站开发。这种组合适合需要快速上线、成本敏感且面向国际用户的静态网站项目。
品牌视觉：logo 与 favicon 的设计建议
作者强调 logo 和 favicon 应在网站推广前设计好。非设计出身者可以寻求专业设计师或 AI 帮助，但建议让 AI 生成 SVG 图像和代码，而非直接出设计图，以便后续修改。这能确保品牌视觉的一致性，并避免推广后更换带来的麻烦。
自动化流程：从构建到部署的关键步骤
文章介绍了使用 svelte cli 创建项目、修改适配器为静态、添加 Google Analytics 并通过环境变量控制生产环境启用、编写脚本自动生成 sitemap.xml，以及将代码提交到 GitHub 后通过 Cloudflare Pages 自动部署。这些步骤能显著提升开发效率和网站可维护性。
上线后推广：提交搜索引擎与等待收录
网站上线后，作者建议立即向搜索引擎提交网站，以 Google 为例，通过 Search Console 提交 sitemap，然后等待收录。这有助于加快网站被索引的速度，但收录时间取决于搜索引擎，需耐心等待。
Q&A
如何使用Cloudflare Pages和svelte创建网站？
可以使用svelte cli创建项目，并选择Cloudflare Pages作为托管服务，因其简洁和轻量特性适合静态网站。
设计网站logo和favicon有什么重要性？
logo和favicon是网站推广的重要元素，建议在推广前设计好，非设计出身者可寻求专业设计师或AI帮助。
如何在svelte项目中添加Google Analytics进行流量分析？
可以在svelte组件中添加Google Analytics的统计脚本，并使用环境变量控制其在生产环境的启用。
网站地图的作用是什么，如何生成？
网站地图是搜索引擎索引网站的向导，可以编写脚本在每次构建后自动生成sitemap.xml。
如何将代码提交到GitHub并进行自动部署？
在GitHub提交代码后，连接Cloudflare Pages，设置构建配置，之后每次提交代码都会自动部署网站。
使用svelte开发静态网站时需要注意什么？
需要将适配器修改为@sveltejs/adapter-static，并确保所有路由可预渲染。
