3 月のこと、私は別の全く異なるサイド プロジェクト (wp テーマ) に取り組んでいることに気付きました。私は Eddie Jaoude YT Stream を見ていて、そのことを Eddie に知らせましたが、彼の反応が私を再び作業に戻すことになりました。専門用語.dev
かなり多くのサイドプロジェクトをお持ちですね...どれがどれかわかりません。
この発言を聞いて、私は真剣に考えるようになりました。そのため、多くのサイド プロジェクトをすべて中止し、すぐに重要なプロジェクトに集中することにしました。jargons.dev のことがすぐに頭に浮かびました。
この時点で、私はすでに Astro にある程度慣れていました。コンテンツ駆動型 Web アプリのフレームワークであり、非常にシンプルなファイル システムを備え、i18n 対応で、優れた SEO (プロジェクトにとって重要) を備えた SSG を備え、パフォーマンスが高く、アイランドを備えた ReactJS のような他のフロントエンド ライブラリのサポート (特にこれが気に入っています)。それは、jargons.dev を構築するために天国で作られたツールでした。
さて、私はすぐに次の空いている週末に取りかかり、プロジェクトの基本辞書部分に取り組む必要がありました。
このプロジェクト用に新しい Astro プロジェクトを初期化しました。以下のコマンドを実行してプロンプトに従うだけです...
npm create astro@latest
スタイリングのために tailwindcss 統合も追加しました。コンテンツの mdx 統合。これも、それぞれコマンドを実行するだけで非常に簡単に設定できました
npx astro add tailwindnpx astro add mdx
続けて次のタスクを完了しました
この機能を使用すると、jargons.dev/word/[word] ルートで辞書の単語を表示できるようになりました。これは、ファイル tuple.mdx が src/pages/word/ ディレクトリに存在する場合、jargons.dev/word/tuple
にアクセスすると、そのページにアクセスして辞書の単語を表示できることを意味します。![\\\"Building](\\\"/uploads/20240822/172430892466c6ddbc71ae4.png\\\")
特技: 基本辞書を実装する #4 ![\\\"Building](\\\"/uploads/20240822/172430892466c6ddbc78c65.jpg\\\")
このプル リクエストは、AstroJS を使用して基本辞書アプリを実装します
ホームページ
![\\\"Building](\\\"/uploads/20240822/172430892466c6ddbc7bf2c.png\\\")
単語ページ
![\\\"Building](\\\"/uploads/20240822/172430892466c6ddbc82dc5.png\\\")
ブラウズ：984
jargons.dev シリーズの第 2 回へようこそ!
最初のコミットに続いて、私は「フォーク スクリプト」の作業を開始しました (これは何だろう?? このシリーズの後半でわかります ?) しかし、告白しなければなりません。コミット履歴でわかるように、 jargons.dev の作業から長い休暇 (3 か月) を取りました。この間に、プロジェクトにとって素晴らしいことだった潜在意識を振り返る機会がいくつかありました。
私は、jargons.dev での作業をしばらく停止しました。意図的にではなく、Hearts で行っていた作業に没頭していたため、jargons.dev のことさえ考えていませんでした。さて、その数か月の間に新年が到来し (もちろん新しい目標を掲げて)、私はいくつかの新しいテクノロジーを経験し、触れるようになりました。私にとって印象に残ったテクノロジーが 1 つありました。それは Astro でした。
1 月、私は「ドキュメントで新しいテクノロジーを学ぶ」という目標を立てました。これは、Astro について素晴らしい話を聞いた後、Astro を使い始めるきっかけとなった挑戦でした。
3 月のこと、私は別の全く異なるサイド プロジェクト (wp テーマ) に取り組んでいることに気付きました。私は Eddie Jaoude YT Stream を見ていて、そのことを Eddie に知らせましたが、彼の反応が私を再び作業に戻すことになりました。専門用語.dev
かなり多くのサイドプロジェクトをお持ちですね...どれがどれかわかりません。
この発言を聞いて、私は真剣に考えるようになりました。そのため、多くのサイド プロジェクトをすべて中止し、すぐに重要なプロジェクトに集中することにしました。jargons.dev のことがすぐに頭に浮かびました。
この時点で、私はすでに Astro にある程度慣れていました。コンテンツ駆動型 Web アプリのフレームワークであり、非常にシンプルなファイル システムを備え、i18n 対応で、優れた SEO (プロジェクトにとって重要) を備えた SSG を備え、パフォーマンスが高く、アイランドを備えた ReactJS のような他のフロントエンド ライブラリのサポート (特にこれが気に入っています)。それは、jargons.dev を構築するために天国で作られたツールでした。
さて、私はすぐに次の空いている週末に取りかかり、プロジェクトの基本辞書部分に取り組む必要がありました。
このプロジェクト用に新しい Astro プロジェクトを初期化しました。以下のコマンドを実行してプロンプトに従うだけです...
npm create astro@latest
スタイリングのために tailwindcss 統合も追加しました。コンテンツの mdx 統合。これも、それぞれコマンドを実行するだけで非常に簡単に設定できました
npx astro add tailwind npx astro add mdx
続けて次のタスクを完了しました
この機能を使用すると、jargons.dev/word/[word] ルートで辞書の単語を表示できるようになりました。これは、ファイル tuple.mdx が src/pages/word/ ディレクトリに存在する場合、jargons.dev/word/tuple
にアクセスすると、そのページにアクセスして辞書の単語を表示できることを意味します。
特技: 基本辞書を実装する
#4
このプル リクエストは、AstroJS を使用して基本辞書アプリを実装します
ホームページ
単語ページ
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3
