banner
DIYgod

Hi, DIYgod

写代码是热爱,写到世界充满爱!
github
twitter
bilibili
telegram
email
steam
playstation
nintendo switch

クロスプラットフォームの作品集をブログに組み込む

長久以来#

私は個人ブログを個人の IP を展示する理想的な「個人ウェブサイト」であり、記事を公開するだけでなく、プラットフォームですと考えてきました。私は 2014 年にプログラミングを学び始めたときに WordPress を使用してウェブサイトを構築しました 「世界、こんにちは!」。フロントエンドに進んだ後、2017 年に Hexo に切り替えました 「少しの変更をしました」。Web3 の台頭後、2022 年に xLog に切り替えました 「最初のオープンソースのブロックチェーン上のブログシステム xLog」。しかし、どのブログシステムを使用しても、他のプラットフォームで公開した作品をエレガントに集約して表示する方法が常に問題となっていました。最善の場合は、外部サイトのデータを直接表示できるようにしたいです。以前は作品を記事の形式で公開し、記事にリンクを添付していましたが、これは明らかにエレガントではなく、読者はリンクをクリックして移動する必要があります。

灵感降临#

私はダヴィンチ編集を学んでいるときに、影視飓风のウェブサイトを見つけました。このウェブサイトは、彼らが 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 で自分自身の個人作品集を作ってみたいですか?

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。