Integration of a cross-platform collection in blogs

August 7, 2023 · Creations

For so long

I’ve always seen personal blogs as an ideal “personal website” for personal IPs, not just a platform for publishing articles. In early 2014, I used WordPress to build a site [The World, Hello!] (https://diygod.cc/1); after entering the front end pit, I turned to Hexo in 2017 (https://diygod.cc/new-blog); when Web3 flew, I switched to xLog in 2022 (https://diygod.cc/xlog). However, whatever blog system I use, there has always been a problem with how to put together and display my work on other platforms with elegance, preferably with data from the outside. I used to publish my work in articles and attach links to them, but this was clearly not elegant and readers needed additional click links to jump.

There’s an inspiration coming

When I studied the da Vinci clip, I found the [web site] of Hurricane Video (https://www.ysjf.com/video-list), which listed the videos they posted on site B, including the title, the cover sheet, the time of publication, the amount of play. This discovery inspired me to make a collection on xLog of my work on various platforms, with videos I posted on B station, the warehouse I maintained on GitHub, the little space podcast I participated in, and even the paintings I made on pixiv. In this way, when people visit my blog, they will see not just articles, but more diverse me, which brings my blog closer to a real “personal website”.

Do it

When ideas emerge, it is easy to achieve.

  1. Optimized and clear classification of xLog backstages: articles, pages, collections to eliminate possible user distress as a result of the increase in the number of types.

image

  1. An entirely new editorial page is designed, unlike articles and pages, where only the cover, title, summary, release time and external link fields are maintained.

[image] (./attachments/bafybeib3styadsi5pwwq2dir72nnitfhs5d6jjhpgsd5rq5sh33yqt5fzq.png)

  1. Auto-filling of work information has been achieved, reducing the burden of manual input. This was achieved by accessing the linked Open Graph information and the fields involved are <<PROTECTED_BLONK_0> > <PROTECTED_BLONK_1> > > <PROTECTED_BLONK_2> > > > <PROTECTED_BLONK_3> >

[image] (./attachments/bafkreig7qnhsurgglcmrvpb5rt5adm5zhuhrrdxjomvyoljzkfzu356rt4.png)

  1. Presentation of the work on the front page and on the independent [text collection page] (https://diygod.cc/portfolios)

[image] (./attachments/bafkreigacsag7hyhkkd7m3djpdeqwpfu4kaplmtnbzkhclk6zhbzmrmh24.png)

The acquisition and presentation of data is a good link for an experienced RSSHUb author of “stealing data”, with the first [capture] of the bilibili, Cosmos, GitHub, pixiv and Twitter platforms (https://github.com/Crossbell-Box/xLog/blob/7634df9359daffff9e9b28b8ad3bc8b214f4e380f/src/app/app/api/portfolio-stats/route.ts#L32), which is shown on xLog cards, taking into account possible pressure and back-crawing at the source station, I have set up a particularly long data cache.

[image] (./attachments/bafybeicsbzoo6qjuimt7ih5g5lf7d5xpwxosuqytvie2ezfujr7szaboze.png)

Now, this simple, practical little feature has landed, so I can see my collection. (https://diygod.cc/portfolios), do you also want to try to create your own collection of personal works at xLog?

DIYgod Hi, DIYgod

Running for 4344 days

© 2026 DIYgod. All rights reserved. Please credit when sharing.