xLog

xLog

The First On-Chain and Open-Source Blogging platform.
github
twitter
discord server

将跨平台投资组合整合到xLog中

xLog 最近推出了一个作品集功能。让我们听听我们的开发者 @DIYgod 的看法!

长久以来#

我一直认为个人博客是展示个人 IP 形象的理想 “个人网站”,而不仅仅是发布文章的平台。我在 2014 年初学习编码时开始使用 WordPress 创建网站,“Hello, World!”。在深入研究前端领域后,我在 2017 年转向了 Hexo,“进行了小幅修改”。随后,随着 Web3 的崛起,我在 2022 年采用了 xLog,“第一个基于区块链的开源博客系统,xLog”。然而,无论我选择哪个博客系统,一个问题始终存在 - 如何优雅地编译和展示我在其他平台上发布的作品,最好能直接从这些第三方网站上显示数据。我以前是以文章的形式发布内容,并附带链接,但这种方法不够优雅,读者必须点击更多链接。

灵感的触发#

在学习达芬奇视频编辑时,我发现了 Film Typhoon 的网站,他们使用外部链接的方式列出了他们在 bilibili 上的视频,包括标题、封面图、发布时间和观看次数的信息。这个发现在我脑海中点燃了一个想法 - 我可以在 xLog 上设计一个作品集,展示我在各个平台上的所有作品。这个作品集可以包括我在 bilibili 上的视频、在 GitHub 上维护的代码库、在小宇宙上的播客,甚至是我在 Pixiv 上的艺术作品。这样,当人们访问我的博客时,他们将不仅仅看到文章,还能一窥我生活的多个方面,使我的博客更接近一个真正的 “个人网站”。

开始实施#

一旦想法萌发,其执行就变得简单明了。

  1. 我优化了 xLog 的仪表板,并将条目明确定义为文章、页面和作品集,以避免由于分类增加而导致用户混淆。

image

  1. 我设计了一个新的编辑页面,与文章和页面不同,只保留封面、标题、摘要和发布日期,并增加了一个外部链接的字段。

image

  1. 我增加了一个自动填充作品集信息的功能,减轻了手动输入的负担。这是通过获取链接的 Open Graph 信息实现的,涉及到og:imageog:titleog:descriptionog:date等字段。

image

  1. 作品集展示在首页和单独的作品集页面上。

image

  1. 至于数据收集和展示,考虑到我作为 RSSHub 作者从我的经验中 “窃取数据”,这对我来说是一个容易的部分。首先,我从 bilibili、小宇宙、GitHub、Pixiv 和 Twitter 等平台上爬取数据,显示在 xLog 卡片上的观看次数和评论数。此外,为了考虑到源站点的潜在压力和反爬虫措施,我特别为数据设置了一个足够长的缓存。

image

现在,这个方便的小功能已经实现了,你可以查看我的作品集页面。你是否受到启发,想在 xLog 上创建你的个人作品集呢?

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。