小白也能轻松学会！利用 GitHub 和 Action 搭建自己的主页，一步步教程手把手教你

2023-09-09 00:32:53

#1. 前期准备：注册 GitHub 账号

前往 GitHub 官网注册账号，获得一个个人仓库。
登录 GitHub，创建一个新的仓库，名称随意，用作你网站的代码仓库。

#2. 网站内容准备

使用你喜欢的编辑器或框架创建网站内容，如文本、图片、视频等。
将网站内容放在一个文件夹中，该文件夹将作为你的网站根目录。

#3. 初始化 GitHub 仓库

在你的电脑上，打开终端或命令行工具。
切换到网站根目录，输入以下命令：

git init

这会初始化一个新的 Git 仓库。

#4. 添加文件到仓库

将网站根目录下的所有文件添加到 Git 仓库中，输入以下命令：

git add .

这会将所有文件添加到暂存区。

#5. 提交文件到仓库

提交暂存区中的文件到 Git 仓库，输入以下命令：

git commit -m "Initial commit"

这会将文件提交到仓库中。

#6. 推送代码到 GitHub

将仓库中的代码推送到 GitHub 服务器上，输入以下命令：

git push -u origin master

这会将你的代码推送到 GitHub 上的远程仓库中。

#7. 创建 GitHub Action

在 GitHub 仓库的 Actions 页面，点击 "Create new workflow"。
选择 "Set up a workflow yourself"。
选择一个模板，如 "Node.js"。

#8. 配置 GitHub Action

在 Action 的配置文件中，添加以下内容：

name: Deploy to GitHub Pages
on:
  push:
    branches:
      - master
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: npm install
      - run: npm run build
      - uses: JamesIves/github-pages-deploy-action@4.1.5
        with:
          BRANCH: gh-pages
          FOLDER: build