获取与部署
没有构建步骤,就没有部署门槛:把文件放到能被访问的地方,网站就跑起来了。
获取方式
拿到源码的三种方式
1
直接拷贝目录
整个站点就是一个文件夹(8 个文件),复制走即可,无需安装任何东西。
2
打包传输
在目录上右键「发送到 → 压缩(zipped)文件夹」,几 KB 的 zip 就能发给任何人。
3
放进 Git 仓库
初始化仓库后推送到 GitHub / Gitee / AtomGit,后续改动用 git 管理版本。
部署
三种发布方式
①
GitHub / Gitee Pages(免费,推荐)
推送到仓库后,在仓库设置里开启 Pages 即可,几分钟拿到一个公网地址。
git init git add . git commit -m "init: atom portal" git branch -M main git remote add origin https://github.com/<你的用户名>/atom-portal.git git push -u origin main # 然后:仓库 Settings → Pages → Deploy from branch → main
②
自己的服务器(nginx 示例)
把目录拷到 web 根目录,写一个 server 配置,reload 即可。
# /etc/nginx/conf.d/portal.conf
server {
listen 80;
server_name example.com;
root /var/www/atom-portal; # 本目录的绝对路径
index index.html;
}
sudo nginx -t && sudo systemctl reload nginx
③
本地预览
最简单:双击 index.html。想要带刷新的工作流,用任意静态服务器:
npx serve . # 或 VS Code 安装 Live Server 扩展后右键 Open with Live Server