让 GitHub 化身博客，花样个性化主页

前端

2023-10-06 10:43:26

GitHub，代码托管网站，很多人都熟悉。它让代码管理和版本控制变得更加高效。但是，它不仅是一个代码托管网站，还可以用来搭建个人博客，展示你的项目和作品。

我们先看看怎么将GitHub打造成自己的博客主页。

将GitHub仓库变成博客

1.首先，你需要在GitHub上创建一个新的仓库，并将它命名为“your-blog”。

2.接下来，你需要在你的本地电脑上创建一个文件夹，并将它命名为“your-blog”。

3.将你想要在博客上发布的文章或内容复制到“your-blog”文件夹中。

4.使用文本编辑器打开“your-blog”文件夹中的“README.md”文件。

5.在“README.md”文件中，你可以使用Markdown语言来格式化你的文章或内容。

6.将格式化好的“README.md”文件保存到“your-blog”文件夹中。

7.将“your-blog”文件夹中的所有文件推送到GitHub上的“your-blog”仓库中。

8.在GitHub上，点击“your-blog”仓库的“Settings”选项卡。

9.在“Settings”选项卡中，找到“GitHub Pages”部分，然后选择“main”分支。

10.点击“Save”按钮，保存你的设置。

利用Github Actions实现自动更新

现在，你的GitHub仓库已经变成了一个博客。你可以通过访问“https://your-username.github.io/your-blog”来访问你的博客。

值得注意的是，你也可以通过利用Github Actions实现博客的自动更新。这意味着你可以通过在Github Actions中配置自动化的任务，让你的博客在每次更新后自动部署到GitHub Pages。

Github Actions的设置方法如下：

1.在GitHub上，点击“your-blog”仓库的“Actions”选项卡。

2.点击“Create new workflow”按钮。

3.在“Create new workflow”页面中，选择“Set up a workflow yourself”。

4.在“Workflow file”文本框中，输入以下内容：

name: Deploy to GitHub Pages

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: actions/setup-node@v2
        with:
          node-version: '16'
      - run: npm install
      - run: npm run build
      - uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./build