2020年7月31日 星期五

[GitHub Profile] 客製化自己的Github個人頁面

前幾天看到朋友分享這篇文章: 


沒想到自己的Github頁面也能客製化, 而且上面文章有不少有趣的idea, 像是搭配Github Actions做自動同步部落格更新內容, 或是直接在Github Profile上下西洋棋等等, 真的是各種創意, 而且裡面不少demo都做得超精美, 不敢相信只靠Markdown跟受限制的html可以做成這樣, 心動之下就決定立馬開始製作自己的Github個人頁面了。

做好的成果如下:


主要分成三大塊, 第一塊是看板圖, 當然是以動畫題材為主!!

















第二部分則是個人資訊, 因為極度想避免打英文文章, 所以腦力激盪的結果就是用表格 + badge 呈現所有內容, 個人感覺效果還不錯, 最大好處當然就是不用寫英文又沒有敷衍了事的感覺, 不過相對要付出的代價就是搞這個搞好久XDD














最後就是自動同步部落格更新內容, 這部分實作在上面的文章就有介紹了, 就是自己寫個script然後用Github Actions定時更新Readme就好, 剛好我部落格是用Google blog, 直接就有API可用, 基本上沒太大問題~。













做完的成果就差不多這樣, 原本自己還想多塞點動漫吉祥物, 像是尋找滿月的達克托(貓)跟梅洛蔻(兔), 還有虎與龍的掌中萌虎, 甚至連圖都修好準備放上來了, 可是單靠Markdowm太困難了, 怎麼調怎麼怪, 最後只能暫時放棄, 看之後能不能想到好的搭配layout方法了...。

沒有留言:

張貼留言