静态网站搭建教程：从零开始到上线的完整指南

发布日期： 2025-12-01 阅读量： 作者： admin

今天想跟大家聊聊我怎么从零开始折腾静态网站这件事。说实话以前总觉得建网站特别高大上，结果自己动手才发现压根没想象中那么复杂。

先搞清楚静态网站到底是个啥

最开始我连静态动态都分不清，还以为要买服务器装数据库。后来查了半天才发现，静态网站就是一堆写好的网页文件，直接扔到网上就能访问，特别适合我这种只想写写文章的人。

网上推荐的工具多得眼花缭乱，什么Hexo、Jekyll、Hugo看得头大。闭着眼选了Hexo，主要是看到有人说它主题多，而且用的人多遇到问题好解决。

本来以为换个主题几分钟的事，结果光是找预览图就翻了两个小时。选了个叫Butterfly的，安装倒是简单，就是调颜色改字体折腾到半夜。

最搞笑的是有次改CSS把页面搞崩了，所有字都叠在一起像鬼画符。只好把主题删了重装，还好之前写的文章都还在。

刚开始还傻乎乎用Word写好了复制粘贴，后来发现直接用VS Code写Markdown特别方便。加粗就是两个星号，标题就是井号，简直是为我这种懒人设计的。

本来想买云服务器，朋友说静态网站用GitHub Pages就行，免费还能自动更新。我就照着教程把本地文件推送到仓库，设置里打开GitHub Pages功能，五分钟就看到网站能访问了。

当时激动得差点把水杯打翻，虽然就是个特别简单的页面，但毕竟是自己亲手搭起来的。后来还买了域名绑上去，看着终于像个正经网站了。

现在回头看整个过程，最难的反而是迈出第一步。只要动手做起来，遇到问题搜一搜基本都能解决。下次再跟大家聊聊我怎么给网站加评论功能的，那又是另一个坑了。