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:image og:title og:description og:date等字段。

image

  1. 这些作品集在主页上展示,并有一个单独的作品集页面

image

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

image

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

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