Skip to content

开发者用 NuxtJS 与 VueJS 搭建个人博客正式上线 ​

译注:本文翻译自 dev.to 平台文章《Hello, world!》,作者 jantolentino,原文发布于 2026 年 9 月 27 日。原文链接:https://dev.to/jantolentino/hello-world-892

一位开发者近日上线了自己的个人博客,并撰文记录了从设计、选型到部署的完整过程。文章以“Hello, world!”为题,标志着其个人站点正式对外发布。

从设计到动手:一个酝酿已久的计划 ​

作者在文中坦言,搭建个人博客的想法已经存在很久,但真正下定决心动手花了不少时间。他通过 Pinterest 收集灵感、参考他人的站点设计,最终确定了一套自己满意的视觉方案。

其核心动机有两个:一是希望有一个可以书写个人兴趣、分享在网上发现的小众技术体验的地方;二是借此锻炼写作与沟通能力。作者认为,运营一个个人博客是提升这些能力的有效途径。

技术选型:NuxtJS + VueJS,GitLab CI/CD 自动部署 ​

在正式建站之前,作者做了大量调研工作,包括对比不同的前端框架、研究价格合理且可靠的云托管服务商,以及规划一套顺畅的部署流程。

最终的技术方案如下:

环节选型
前端框架NuxtJS + VueJS
代码托管与 CI/CDGitLab
部署目标Digital Ocean VPS(Docker 镜像自动构建并部署)
安全与诊断Cloudflare

作者表示,使用 VueJS 的体验非常好,自己很享受这一过程。项目托管在 GitLab 上,借助其 CI/CD 能力自动构建 Docker 镜像,并部署到从 Digital Ocean 购买的 VPS。此外还接入了 Cloudflare,用于服务器的安全防护与性能优化。作者认为,目前站点的配置已经相当完善。

后续计划:补齐组件,持续写作 ​

作者也坦承,站点仍有许多功能待补充,例如代码块、列表和卡片等视图组件。但他表示,既然已经迈出了最艰难的第一步,后续工作会顺利很多。

文章最后写道,值得学习和享受的东西还有很多,他计划记录下每一个构建个人兴趣项目的瞬间,而这个个人站点只是一个开始。

原文同时注明,该文最初发布于作者个人站点 jantolentino.dev。

原文链接 ​