xLog 最近推出了一個作品集功能。讓我們聽聽我們的開發者 @DIYgod 的意見！
很長一段時間以來#
我一直將個人博客視為展示個人 IP 概况的理想 “個人網站”，而不僅僅是發布文章的平台。我在 2014 年初學習編程時開始使用 WordPress 創建網站，“Hello, World!”。在深入研究前端領域後，我於 2017 年轉用 Hexo，“進行了小修改”。隨後，隨著 Web3 的崛起，我於 2022 年採用了 xLog，“第一個基於區塊鏈的開源博客系統，xLog”。然而，無論我選擇了哪種博客系統，一個問題始終存在 - 如何優雅地編譯和展示我在其他平台上發布的作品，最好能直接從這些第三方網站顯示數據。我以前是以附帶鏈接的文章形式發布內容，但這種方法不夠優雅，讀者必須點擊更多鏈接。
靈感迸發#
在學習達芬奇視頻編輯時，我發現了 Film Typhoon 的網站，他使用外部鏈接的方式列出了他們的 bilibili 視頻，包括標題、封面圖片、發布時間和觀看次數的信息。這一發現在我腦海中點燃了一個想法 - 我可以在 xLog 上設計一個作品集，展示我從各個平台上的所有作品。這個編輯可以展示我在 bilibili 上的視頻、在 GitHub 上維護的倉庫、在小魚舟上的播客，甚至是我在 Pixiv 上的藝術作品。這樣，當人們訪問我的博客時，他們將見證到不僅僅是文章。他們將一窺我生活的多個方面，使我的博客更接近一個真正的 “個人網站”。
開始實施#
一旦這個想法萌芽，它的執行就變得簡單明了。
- 我優化了 xLog 的儀表板，並將條目分類為文章、頁面和作品集，以避免由於分類增加而導致用戶混淆。
- 我設計了一個新的編輯頁面，與文章和頁面不同，僅保留封面、標題、摘要和發布日期，並增加了一個外部鏈接的字段。
- 我增加了一個自動填充作品集信息的功能，減輕了手動輸入的負擔。這是通過獲取鏈接的 Open Graph 信息實現的，涉及到
og:imageog:titleog:descriptionog:date等字段。
- 作品集展示在主頁和單獨的作品集頁面上。
- 至於數據收集和展示，考慮到我作為 RSSHub 作者從我的經驗中 “盜取數據” 的熟悉程度，這對我來說是一個容易的部分。首先，我從 Bilibili、小魚舟、GitHub、Pixiv 和 Twitter 等平台上爬取數據，顯示在 xLog 卡片上的觀看次數和評論。此外，為了考慮到源站的潛在壓力和反爬措施，我特別為數據設置了一個足夠長的緩存。
現在，這個方便的小功能已經實現了，你可以查看我的作品集頁面。你有沒有受到啟發，在 xLog 上創建你的個人作品集呢？