自定义你的GitHub主页，展示你最新的博客文章

使用GitHub Actions获取订阅的最新博客文章

1. 创建一个新的GitHub Actions工作流程。

   转到GitHub主页，然后单击“操作”选项卡。然后，单击“创建新工作流程”按钮。

2. 选择一个工作流程模板。

   在“选择工作流程模板”页面上，选择“Dynamic Latest Blog Posts”模板。

3. 配置工作流程。

   在“配置工作流程”页面上，您需要提供以下信息：

   • GitHub用户名： 您的GitHub用户名。
   • RSS订阅源URL： 您要订阅的RSS订阅源的URL。
   • 目标文件夹： 您希望将博客文章存储在GitHub存储库中的文件夹。

4. 保存工作流程。

   单击“保存”按钮以保存工作流程。

5. 运行工作流程。

   单击“运行工作流程”按钮以运行工作流程。

使用blog-post-workflow组件展示博客文章

1. 安装blog-post-workflow组件。

   在您的GitHub存储库中，运行以下命令安装blog-post-workflow组件：

   npm install blog-post-workflow
   

2. 创建blog-post-workflow.yml文件。

   在您的GitHub存储库中，创建一个名为blog-post-workflow.yml的文件。文件内容如下：

   name: Blog Post Workflow
   
   on:
     push:
       branches:
         - master
   
   jobs:
     build:
       runs-on: ubuntu-latest
   
       steps:
         - uses: actions/checkout@v2
   
         - name: Install dependencies
           run: npm install
   
         - name: Build the blog post
           run: npm run build
   
         - name: Deploy the blog post
           uses: peaceiris/actions-gh-pages@v3
           with:
             github_token: ${{ secrets.GITHUB_TOKEN }}
             publish_dir: ./build
   

3. 提交blog-post-workflow.yml文件。

   将blog-post-workflow.yml文件提交到您的GitHub存储库中。

4. 触发工作流程。

   将新的提交推送到master分支以触发工作流程。

效果

完成以上步骤后，您将在您的GitHub主页上看到一个新的“博客”部分，其中列出了您订阅的最新博客文章。