xLog 最近推出了一个作品集功能。让我们听听我们的开发者 @DIYgod 的意见!
长久以来#
我一直将个人博客视为展示个人 IP 形象的理想 “个人网站”,而不仅仅是发布文章的平台。我在 2014 年初学习编码时开始使用 WordPress 创建网站,“Hello, World!”。在深入研究前端领域后,我于 2017 年转向 Hexo,“进行了小修改”。随后,随着 Web3 的崛起,我于 2022 年采用了 xLog,“第一个基于区块链的开源博客系统,xLog”。然而,无论我选择了哪个博客系统,一个问题始终不变 - 如何优雅地编译和展示我在其他平台上发布的作品,最好能直接从这些第三方网站显示数据。我以前是以附带链接的文章形式发布内容,但这种方法不够优雅,读者必须点击更多链接。
灵感的触发#
在学习达芬奇视频编辑时,我发现了 Film Typhoon 的网站,他们使用外部链接的方法列出了他们的 bilibili 视频,包括标题、封面图像、发布时间和观看次数的信息。这个发现在我脑海中点燃了一个想法 - 我可以在 xLog 上设计一个作品集,展示我来自各个平台的所有作品。这个合集可以展示我在 bilibili 上的视频、在 GitHub 上维护的代码库、在小鱼舟上的播客,甚至是我在 Pixiv 上的艺术作品。这样,当人们访问我的博客时,他们将见证不仅仅是文章。他们将一窥我生活的多个方面,使我的博客更接近一个真正的 “个人网站”。
开始#
一旦这个想法萌芽,它的执行就变得简单明了。
- 我优化了 xLog 的仪表板,并将条目明确定义为文章、页面和作品集,以避免由于分类增加而导致用户混淆。
- 我设计了一个新的编辑页面,与文章和页面不同,只保留封面、标题、摘要和发布日期,并增加了一个额外的外部链接字段。
- 我加入了一个自动填充作品集信息的功能,减轻了手动输入的负担。这是通过获取链接的 Open Graph 信息实现的,涉及到
og:image
og:title
og:description
og:date
等字段。
- 这些作品集在主页上展示,并有一个单独的作品集页面。
- 至于数据收集和展示,考虑到我作为 RSSHub 作者从我的经验中 “窃取数据”,这对我来说是一个容易的部分。首先,我从 Bilibili、小鱼舟、GitHub、Pixiv 和 Twitter 等平台上爬取数据,显示在 xLog 卡片上的观看次数和评论数。此外,为了考虑到源站点的潜在压力和反爬虫措施,我特别为数据设置了一个足够长的缓存。
现在,这个方便的小功能已经实现了,你可以查看我的作品集页面。你是否受到启发,想在 xLog 上创建你的个人作品集呢?