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 のウェブサイトを発見しました。彼らは外部リンクの方法を使用して bilibili のビデオをリストアップし、タイトル、カバー画像、公開時間、視聴回数の情報を含んでいました。この発見が私の頭にアイデアを思いつかせました - 私は xLog でポートフォリオをデザインし、さまざまなプラットフォームからのすべての作品を紹介することができます。このコンピレーションには、bilibili のビデオ、GitHub でメンテナンスされているリポジトリ、Xiaoyuzhou でのポッドキャスト、さらには Pixiv でのアートワークなどが含まれるかもしれません。このようにして、人々が私のブログを訪れると、記事以上のものを目にすることができます。私の人生の多様な側面を垣間見ることができ、私のブログを真の「個人のウェブサイト」に近づけることができます。
それに乗り出す#
アイデアが芽生えたら、その実行は簡単でした。
- xLog のダッシュボードを最適化し、エントリを投稿、ページ、ポートフォリオとして明確に定義し、カテゴリの増加によるユーザーの混乱を避けました。
- 新しい編集ページをデザインしました。これは記事とページとは異なるものであり、カバー、タイトル、概要、公開日のみを保持し、外部リンク用の追加フィールドも保持しました。
- ポートフォリオ情報を自動入力する機能を組み込み、手動入力の負担を軽減しました。これはリンクの Open Graph 情報を取得することで実現しました。
og:imageog:titleog:descriptionog:dateなどのフィールドが関与しています。
- ポートフォリオはホームページと別々のポートフォリオページで展示されました。
- データの収集と表示については、「データの盗み取り」の経験からの私の習熟度を考慮して、これは私にとって簡単な部分でした。まず、私は Bilibili、Xiaoyuzhou、GitHub、Pixiv、Twitter などのプラットフォームからデータをクロールし、xLog カード上での視聴回数やコメント数を表示しました。さらに、ソースサイトの潜在的な圧力とアンチスクレイピング対策を考慮して、データのために十分に長いキャッシュを設定しました。
これで、この便利な機能が実装されましたので、私のポートフォリオページをチェックしてみてください。xLog で個人のポートフォリオを作成するインスピレーションを受けましたか？