如何自動(dòng)同步博客到 Github 主頁？

前言

Github 支持通過創(chuàng)建同名倉庫的形式自定義主頁。比如我的 Github 用戶名是 azl397985856，那么新建一個(gè)名為 azl397985856 的倉庫即可。接下來你可以通過修改此倉庫的 README 文件來自定義 Github 主頁。也就是說，你想要自定義主頁就新建一個(gè)同名倉庫并修改 README 就行了。

修改 README 能玩出什么花樣呢？請(qǐng)接著往下看。

裝修效果

先上一下我的裝修效果：

開始動(dòng)手

添加數(shù)據(jù)統(tǒng)計(jì)

上圖的那幾個(gè) Github 數(shù)據(jù)統(tǒng)計(jì)以及獎(jiǎng)杯使用的是一個(gè)外部服務(wù)。想要顯示哪個(gè)就添加相應(yīng)代碼即可：

數(shù)據(jù)統(tǒng)計(jì)：

<img src="https://github-readme-stats.vercel.app/api?username=azl397985856&show_icons=true" alt="logo" height="160" align="right" style="margin: 5px; margin-bottom: 20px;" />

?

注意將 username 改成自己的用戶名哦(下面也是一樣，不再贅述)，不然就顯示的 lucifer 我的信息啦。

?

獎(jiǎng)杯：

<img src="https://github-profile-trophy.vercel.app/?username=azl397985856&theme=flat&column=7" alt="logo" height="160" align="center" style="margin: auto; margin-bottom: 20px;" />

自動(dòng)更新博客

如上圖我的裝修主頁，其中博客的文章列表不是寫死的，而是每隔一個(gè)小時(shí)定時(shí)讀取我的博客^[1] 內(nèi)容，并提取前 5 篇文章。

如果你也想要這個(gè)功能，就在 README 中添加如下代碼即可：

## ?? Latest Blog Posts

<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->

之后讀取的博客列表會(huì)填充在兩個(gè)注釋之間，也就是說你可以「通過改變注釋的位置，將其放到頁面任意位置」。

為了實(shí)現(xiàn)「每個(gè)小時(shí)定時(shí)更新的功能」，我們可以使用 Github Action 的定時(shí)任務(wù)來實(shí)現(xiàn)。

具體操作步驟如下：

接下來將如下內(nèi)容復(fù)制粘貼進(jìn)去：

name: Blog Posts

on:
  # Run workflow automatically
  schedule:
    # Runs every hour, on the hour
    - cron: "0 * * * *"

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          # comma-separated list of RSS feed urls
          feed_list: "https://lucifer.ren/blog/atom.xml"

?

注意：這里的 cron: "0 * * * *" 的意思是每個(gè)小時(shí)進(jìn)行一次，并且是每個(gè)小時(shí)的 0 分。因?yàn)槟阈枰鹊较乱粋€(gè)整點(diǎn)才能看到效果，有時(shí)候 Github 會(huì)有延時(shí)，晚幾分鐘也正常，大家不要著急，耐心等待即可。

?

請(qǐng)將 feed_list 替換為你自己的 RSS 訂閱地址。如果有多個(gè)訂閱地址，則用英文半角逗號(hào)分割。

如果你的博客沒有 RSS 或者你不知道自己的 RSS 地址就無法使用了哦。我的博客是用 hexo 生成的，因此添加 RSS 就很容易了，如果你的博客是掛到第三方的，也會(huì)提供 RSS 地址。比如 CSDN 就提供了 RSS 地址：

由于大家的博客可能都不相同，因此具體大家可以自行搜索。

完整源代碼

本文所有的代碼都可以在如下的代碼倉庫中找到。

倉庫地址：https://github.com/azl397985856/azl397985856

如果在使用過程中碰到其他問題，也歡迎私信我哦~ 最后祝大家都有一個(gè)高大上的 Github 主頁。

Reference