从零学前端：我的建站技术栈精华

说明：本帖由 AI 协助整理，基于博主 danguaitu 的真实建站经验（用 Astro + Fuwari 搭建了个人博客），内容非纯 AI 生成，供参考交流。

最近有不少朋友问我前端怎么入门，我把自己的建站技术栈和从零学习的路径整理了一下，希望能帮到想入门的同学。

一、先别急着学框架

很多人一上来就啃 React/Vue，结果被各种概念劝退。我的建议是先把地基打好：

1. HTML —— 网页的骨架。一周能过完，重点熟悉常用标签和语义化。
2. CSS —— 网页的皮肤。Flexbox、Grid 布局必学，搞定大部分排版需求。
3. JavaScript —— 网页的灵魂。变量、函数、DOM 操作、异步（Promise / async await）、fetch 请求，这些是核心中的核心。
4. ES6+ 语法 —— 解构、模板字符串、模块化，现代前端绕不开。

基础打牢后，你会发现后面学什么框架都很快。

二、我的技术栈

我目前的个人博客用的是这套组合：

• 框架：Astro（内容型网站神器，默认零 JS，性能拉满）
• 模板：Fuwari（Astro 生态的博客主题，简洁好看）
• 写作：Markdown 写文章，Astro 自动构建成静态页面
• 部署：腾讯 EdgeOne Pages（CDN + 托管一体）
• 对象存储：腾讯云 COS（图片等静态资源）
• 域名：自己的域名，走 CDN 全球加速

三、为什么选 Astro

• 内容型网站（博客/文档/落地页）是它的主场
• 默认输出纯静态 HTML，打开快、SEO 好
• 按需加载组件（Islands 架构），要交互再加
• 生态成熟，主题模板多，开箱即用

四、从零到上线的路径

1. 装 Node.js（LTS 版本）
2. npm create astro@latest 创建项目
3. 装好 Fuwari 主题，改配置
4. 本地 npm run dev 预览，Markdown 写文章
5. npm run build 生成静态文件
6. 推到 EdgeOne Pages / 你的托管平台
7. 绑定域名，配好 CDN 缓存

整个流程下来，一个个人博客基本就是一天能搞定的工程。

五、一些建议

• 别囤教程，边学边做，做个自己的小项目比看十遍视频有用
• 先本地跑起来，再研究部署，别一上来就折腾服务器
• 遇到问题先看文档、搜报错信息，搜索引擎是你的老师
• 把学习笔记写成博客，输出是最好的输入

希望这篇对想入门前端的朋友有帮助，有问题欢迎评论区交流。

牛逼

ok啊我也是直接看完了好吧

闲的没事干 尝试写教程

不错 加精！

@痛失姓名的站长 #4 多谢多谢🥳

蹲博客url

@HatsuneMiku #5 https://021028.xyz/ 自己写着玩的😁 基本上是AI整理

直接GitHub page

佬的逻辑思路很清晰啊🤙