由 dawei 建站对嵌入式工程师而言，不是调用现成模板，而是像写单片机驱动一样，从最小可行系统开始构建。核心思路是：用最简技术栈实现可控、可调试、可复现的静态网站。
从环境准备入手：安装Git和Python（3.8+），无需Node.js或复杂框架。推荐使用Hugo——一个无依赖的静态站点生成器，编译快、输出纯HTML/CSS/JS，与嵌入式开发中追求确定性、低耦合的理念一致。执行hugo new site mysite即可初始化项目结构。
模板即“固件”：Hugo默认使用Markdown撰写内容，每个文章对应一个.md文件，位于content/posts/目录下。标题、日期、标签等通过YAML前置参数定义，类似寄存器配置块，清晰且易于脚本化处理。页面渲染逻辑由layouts/下的HTML模板控制，可按需精简——删除多余widget，保留head、main、footer三段，如配置GPIO引脚般精准。
AI渲染的图片,仅供参考
样式要轻量可控：不引入Bootstrap等大框架。用原生CSS书写响应式布局，媒体查询控制断点，字体单位优先使用rem，便于全局缩放。将CSS内联到HTML头部或作为单独.css文件托管，避免外部CDN依赖，保障离线可访问性——这点与嵌入式产品断网仍需基础功能运行同理。
部署即“烧录”：生成命令hugo -D编译出public/文件夹，里面全是静态资源。上传至GitHub Pages（免费）、Vercel或任何支持静态托管的平台。GitHub Pages配置仅需两步：启用Pages功能、设定源为gh-pages分支或/public目录。每次提交代码后，GitHub Actions可自动触发hugo编译并推送，形成闭环CI流水线，类似固件持续集成。
调试如同查看串口日志：本地运行hugo server -D启动开发服务器，实时预览修改效果；打开浏览器开发者工具，检查元素结构与网络请求，确认无404资源——这与用逻辑分析仪查信号时序同样关键。遇到样式错位？先禁用所有CSS，逐层启用定位问题，不靠猜测，只靠可观测性。
维护即固件迭代：内容更新只需改.md；样式调整只动CSS；功能增强可加极简JS（如折叠菜单），但不引入运行时框架。所有变更均纳入Git版本管理，每次commit附带明确说明，如同为每个外设驱动添加修订日志。三个月后回看，仍能快速理解架构意图与修改边界。