Atom 门户 纯静态站点:无框架、无脚本、无构建,双击任意页面即可浏览

获取与部署

没有构建步骤,就没有部署门槛:把文件放到能被访问的地方,网站就跑起来了。

获取方式

拿到源码的三种方式

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

部署遇到问题?

404、子目录、相对路径……常见问题页都整理好了。