xLog は最近、ポートフォリオ機能を開始しました。開発者 @DIYgod からの声を聞いてみましょう！
長い間#
私は個人のブログを、単に記事を公開するためのプラットフォームではなく、自分の IP プロファイルをショーケースするための理想的な「個人のウェブサイト」として常に見てきました。私は 2014 年初頭のコーディング学習フェーズでウェブサイトを作成するために WordPress を使用し始めました、「こんにちは、世界！」（https://diygod.cc/1）。フロントエンドの分野に没頭した後、2017 年に Hexo に切り替えました、「小さな修正を行いました」（https://diygod.cc/new-blog）。その後、Web3 の台頭とともに、2022 年に xLog を採用しました、「最初のオープンソースのブロックチェーンベースのブログシステム、xLog」（https://diygod.cc/xlog）。しかし、私が選んだブログシステムに関係なく、1 つの質問は常に変わらず残りました - 他のプラットフォームで公開された作品をエレガントにまとめて展示する方法、特にこれらのサードパーティサイトからの直接データ表示を伴う方法。以前はリンク付きの記事形式でコンテンツを公開していましたが、このアプローチはエレガントではなく、読者はさらにリンクをクリックする必要がありました。
インスピレーションの閃き#
DaVinci ビデオ編集について学んでいるとき、Film Typhoon の [ウェブサイト]（https://www.ysjf.com/video-list）を発見しました。彼らは外部リンクの方法を使用して bilibili のビデオをリストアップし、タイトル、カバー画像、公開時間、視聴回数の情報を含んでいました。この発見が私の頭にアイデアを思いつかせました - 私は xLog でポートフォリオをデザインし、さまざまなプラットフォームでのすべての作品を紹介することができます。このコンピレーションには、bilibili のビデオ、GitHub でメンテナンスされているリポジトリ、Xiaoyuzhou でのポッドキャスト、さらには Pixiv でのアートワークなどが含まれることができます。このように、人々が私のブログを訪れると、記事以上のものを目にすることができます。私の人生の多様な側面を垣間見ることができ、私のブログを真の「個人のウェブサイト」に近づけることができます。
それに乗り出す#
アイデアが芽生えたら、実行は簡単でした。
- xLog のダッシュボードを最適化し、エントリを投稿、ページ、ポートフォリオとして明確に定義し、カテゴリの増加によるユーザーの混乱を避けました。
- 記事やページとは異なる新しい編集ページを設計し、カバー、タイトル、概要、公開日のみを保持し、外部リンク用の追加フィールドを追加しました。
- ポートフォリオ情報を自動入力する機能を組み込み、手動入力の負担を軽減しました。これは、リンクの Open Graph 情報を取得することによって実現されました。
og:imageog:titleog:descriptionog:dateなどのフィールドが関与しています。
- ポートフォリオはホームページと別個の [ポートフォリオページ]（https://diygod.cc/portfolios）で展示されました。
- データの収集と表示に関しては、RSSHub の著者としての経験から「データの盗み」についての私の熟知を考慮しましたので、これは私にとって簡単な部分でした。まず、私は Bilibili、Xiaoyuzhou、GitHub、Pixiv、Twitter などのプラットフォームからデータを [クロール]（https://github.com/Crossbell-Box/xLog/blob/7634df9359dafbf9e9b28b8ad3bc8b214f4e380f/src/app/api/portfolio-stats/route.ts#L32）し、xLog カード上での視聴回数やコメント数を表示しました。さらに、ソースサイトの潜在的な圧力とアンチスクレイピング対策を考慮して、データのために十分に長いキャッシュを設定しました。
これで、この便利な機能が実装されましたので、私の [ポートフォリオページ]（https://diygod.cc/portfolios）をご覧いただけます。xLog で個人のポートフォリオを作成するインスピレーションを受けましたか？