長久以來#
我一直將個人部落格視為一個理想的展示個人 IP 的「個人網站」，而不僅僅是發布文章的平台。我曾在 2014 年初學習編程時使用 WordPress 建站 《世界，你好！》；入了前端坑後，在 2017 年我轉向了 Hexo 《做了一點微小的改動》；Web3 飛升後 2022 年我換成了 xLog 《第一個開源鏈上部落格系統 xLog》。然而，無論我使用什麼部落格系統，一直都存在一個問題，那就是如何優雅地匯集和展示我在其他平台發布的作品，最好還能直接顯示外站的數據。我之前通常以文章形式發布作品，並在文章中附上鏈接，然而這樣做顯然不夠優雅，讀者還需要額外點擊鏈接進行跳轉。
靈感降臨#
我在學習達芬奇剪輯時，發現了影視颶風的網站，它通過外鏈方式列出了他們在 B 站發布的視頻，其中包括標題、封面圖、發布時間、播放量等信息。這個發現給了我啟發，我完全可以在 xLog 上製作一個裝載了我在各個平台作品的作品集，這裡面可以有我發布在 B 站的視頻、我在 GitHub 上維護的倉庫、我參與的小宇宙播客甚至是我在 pixiv 上創作的畫作。這樣，當人們訪問我的部落格時，將不只是看到文章，而是會看到更豐富多元的我，這讓我的部落格更接近一個真正意義上的「個人網站」。
下手#
想法萌發後，實現就簡單了。
- 對 xLog 後台進行了優化和清晰的分類：文章、頁面、作品集，以消除類型增多後可能帶來的使用者困擾。
- 設計了一個全新的編輯頁，不同於文章和頁面，這裡只保留封面、標題、摘要、發布時間，並新增外部鏈接欄位。
- 實現了作品信息的自動填充功能，減輕了手動輸入的負擔。這是通過獲取鏈接的 Open Graph 信息實現的，涉及到的欄位包括
og:imageog:titleog:descriptionog:date
- 把作品展示在首頁和獨立的作品集頁
- 數據的獲取和展示，對於「偷數據」經驗豐富的 RSSHub 作者來說，這是得心應手的一環，首先針對 bilibili、小宇宙、GitHub、pixiv、Twitter 這幾個平台進行了抓取，獲取到播放量和評論數並在 xLog 的卡片上進行展示，同時考慮到源站可能的壓力和反爬，我特別設置了足夠長的數據緩存。
如今，這個簡單實用的小功能已經落地實現了，可以看看我的作品集頁，你是否也想要嘗試在 xLog 建立屬於自己的個人作品集呢？