如何自動同步博客到 Github 主頁?

前言

Github 支持經過建立同名倉庫的形式自定義主頁。好比個人 Github 用戶名是 azl397985856,那麼新建一個名爲 azl397985856 的倉庫便可。接下來你能夠經過修改此倉庫的 README 文件來自定義 Github 主頁。也就是說,你想要自定義主頁就新建一個同名倉庫並修改 README 就好了。git

修改 README 能玩出什麼花樣呢?請接着往下看。github

裝修效果

先上一下個人裝修效果:ubuntu

開始動手

添加數據統計

上圖的那幾個 Github 數據統計以及獎盃使用的是一個外部服務。想要顯示哪一個就添加相應代碼便可:api

數據統計:hexo

![](https://github-readme-stats.vercel.app/api?username=azl397985856&show_icons=true)
注意將 username 改爲本身的用戶名哦(下面也是同樣,再也不贅述),否則就顯示的 lucifer 個人信息啦。

獎盃:app

![](https://github-profile-trophy.vercel.app/?username=azl397985856&theme=flat&column=7)

自動更新博客

如上圖個人裝修主頁,其中博客的文章列表不是寫死的,而是每隔一個小時定時讀取個人博客 內容,並提取前 5 篇文章。post

若是你也想要這個功能,就在 README 中添加以下代碼便可:this

## 📕 Latest Blog Posts

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

以後讀取的博客列表會填充在兩個註釋之間,也就是說你能夠經過改變註釋的位置,將其放到頁面任意位置atom

爲了實現每一個小時定時更新的功能,咱們可使用 Github Action 的定時任務來實現。url

具體操做步驟以下:

接下來將以下內容複製粘貼進去:

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 * * * *" 的意思是每一個小時進行一次,而且是每一個小時的 0 分。 由於你須要等到下一個整點才能看到效果,有時候 Github 會有延時,晚幾分鐘也正常,你們不要着急,耐心等待便可。

請將 feed_list 替換爲你本身的 RSS 訂閱地址。若是有多個訂閱地址,則用英文半角逗號分割。

若是你的博客沒有 RSS 或者你不知道本身的 RSS 地址就沒法使用了哦。個人博客是用 hexo 生成的,所以添加 RSS 就很容易了,若是你的博客是掛到第三方的,也會提供 RSS 地址。好比 CSDN 就提供了 RSS 地址:

因爲你們的博客可能都不相同,所以具體你們能夠自行搜索。

完整源代碼

本文全部的代碼均可以在以下的代碼倉庫中找到。

倉庫地址:https://github.com/azl3979858...

若是在使用過程當中碰到其餘問題,也歡迎私信我哦~ 最後祝你們都有一個高大上的 Github 主頁。

相關文章
相關標籤/搜索