网站搭建4 分钟

用 Python 在本机预览静态网站

从页面、样式到图片，沿用浏览器访问真实网站的方式检查文件路径。

从站点目录启动预览

把 index.html 和它引用的资源放在同一个网站目录下。例如首页引用了 assets/site.css，就让 assets 文件夹和首页并排。打开终端，切换到包含 index.html 的目录，运行下面的命令。

python -m http.server 8000 --bind 127.0.0.1

浏览器打开 http://127.0.0.1:8000/。在 Windows 上也可以用 py -3 替换 python。--bind 127.0.0.1 把预览限制在本机。预览完成后，在运行命令的终端按 Ctrl + C 结束服务。

从首页点击文章入口，再用站内链接回到笔记列表。随后把文章的完整地址复制到新标签页直接打开。这一步能检查深层页面引用的图片、样式和返回链接。

如果某张图片没有显示，按 F12 打开浏览器开发者工具，在「网络」面板刷新页面。找到对应请求，记录状态码和请求路径。资源返回 404 时，先对照目录层级与文件名大小写。

网站目录/
  index.html
  assets/site.css
  notes/hello.html

这个目录里的 notes/hello.html 可以用 ../assets/site.css 引用公共样式。首页用 assets/site.css。两条引用最终都应请求 /assets/site.css。

用正式域名重做访问检查，确认首页和文章都能从公网打开。再用手机网络打开一次，核对站名、页脚链接和图片。Python 的内置 HTTP 服务适合本机预览，正式网站交给支持 HTTPS 的 Web 服务器托管。