1. 准备工作

  • 注册 GitHub 账号:如果你还没有 GitHub 账号,首先需要访问 GitHub 并注册一个。

2. 创建仓库

  • 登录 GitHub:使用你的账号登录 GitHub。
  • 创建新仓库:点击右上角的 “+” 号,选择 “New repository”。
  • 设置仓库名称:仓库名称应为 yourusername.github.io,其中 yourusername 替换为你的 GitHub 用户名。
  • 初始化 README:勾选 “Initialize this repository with a README”。
  • 创建仓库:点击 “Create repository”。

3. 本地准备

  • 安装 Git:确保你的计算机上安装了 Git。
  • 克隆仓库:在命令行中运行 git clone https://github.com/yourusername/yourusername.github.io.git
  • 进入目录:使用 cd yourusername.github.io 进入仓库目录。

4. 选择静态网站生成器

  • 选择生成器:你可以选择如 Jekyll、Hugo、hexo 等静态网站生成器。
  • 安装:根据所选生成器的文档进行安装。

5. 配置网站

  • 配置文件:编辑 _config.yml 或相应的配置文件。
  • 主题选择:为网站选择一个主题,许多静态网站生成器都提供了主题支持。

6. 创建内容

  • 创建页面:创建 Markdown 或 HTML 文件作为你的网页内容。
  • 组织结构:确保文件和文件夹结构清晰,便于管理。

7. 本地测试

  • 启动服务器:使用生成器提供的命令启动本地服务器,如 Jekyll 的 jekyll serve
  • 访问网站:在浏览器中访问 http://localhost:4000(端口可能不同)以查看你的网站。

8. 提交更改

  • 添加文件:使用 git add . 添加所有更改。
  • 提交更改:使用 git commit -m "Initial commit" 提交更改。
  • 推送到 GitHub:使用 git push origin main 将更改推送到 GitHub。

9. 网站上线

  • 访问网站:推送更改后,访问 http://yourusername.github.io 查看你的网站。

10. 维护更新

  • 定期更新:定期向仓库推送更新,以保持网站内容的新鲜度。

注意事项

  • 确保所有操作都遵循 GitHub 的使用条款。
  • 保持仓库的公开状态,以便 GitHub Pages 可以为你托管网站。
  • 熟悉 Git 基本操作,以便高效管理你的网站内容。