RTheme
v3.0.0
Nextjs をベースにした、新世代の現代的なオタク スタイルの多機能水平ブログ システム
// 次世代の最新のマニアックな多目的水平型ブログ システム - Nextjs を利用 //
プレビュー: RavelloH のブログ
再設計されたテーマ フレームワークのおかげで、このテーマはパフォーマンスの点で最高の状態にあり、Google PageSpeed Insights テストで 400/400 の完璧なスコアを達成しました。テスト結果
実際の経験では、RTheme は Web ワーカーを使用して高負荷タスクを非同期に処理し、非同期で読み込み/レンダリングを実行し、ページのアクティブなプリロードのブロックを回避し、ページの読み込み遅延も短縮します。 v3 バージョンの包括的なアップグレードでは、テーマが単一ページのアプリケーションに変換され、コンテンツのスムーズな移行と相まって、流暢さが大幅に向上しました。
RTheme は Github Actions を使用してクラウドに自動的にデプロイし、インデックス更新、自動サブスクリプション更新、サイト マップ更新、記事バイパス推奨、その他の機能をローカルの介入なしで自動的に完了できます。
さらに、RTheme は独自の構造を最適化しているため、HTML 構文を理解するだけで記事の作成が非常に簡単になります。 Markdown を使用して編集することも選択できます。その後、そのコンポーネントはレンダリング時に自動的かつサイレントに追加されます。
テーマはレスポンシブ デザインを使用し、基本要素はフレックス/グリッド レイアウトを使用しており、あらゆるサイズの画面で適切にパフォーマンスを発揮します。
テーマには豊富な機能があり、組み込み設定/共有/オンライン音楽再生/マルチサイト速度テスト/サイト全体自動検索/記事のカスタム並べ替え/記事タグとカテゴリの自動インデックス作成/サイトマップ/RSS/Atom自動生成/自動記事レコメンデーション/組み込みの高度なダウンロード サーバー/アクティブプリロード/ユーザーログインインターフェイス/外部リンクスクリーンショットAPIなどの一連の機能を備え、オタク向けの究極のテーマフレームワークを作成します。
初期読み込みの制御に使用されるloading.jsを除き、テーマ内の他のスクリプトは各関数を関数にラップして、再利用性を確保し、順不同の読み込みへの依存を回避します。
これにより、二次開発が非常に簡単になり、テーマ フレームワークの機能を直接再利用できます。
このテーマは、ページ コンテンツに基づいて 2 つの形式でsitemap自動的に生成し、検索エンジンのクロールを最適化します。
このテーマは、持続的に統合された RPageSearch と深く統合されており、静的サイトにサイト全体の高度な検索機能を提供します。 詳細については、「RavelloH/RPageSearch」を参照してください。高性能/リアルタイム検索/通常構文サポート/非同期/Webワーカー/自動継続構築/拡張可能なデータ形式と豊富な検索機能を提供します。
テーマは、ページのコンテンツに基づいて、 RSS 、 Atom 、およびJSON Feedの 3 つの形式でサブスクリプション情報を自動的に生成します。
このテーマは当初、Chrome 58 (2017 年 4 月 19 日)、Firefox 52 (2017 年 3 月 7 日)、Opera 45 (2017 年 5 月 10 日)、Safari でサポートされており、互換性が保証されています。
注: IE は廃止されており、サポートされていません。
このテーマでは、ページの読み込みに PJAX テクノロジーを使用し、ページ読み込みスイッチ間に遷移アニメーションを追加します。
さらに、このテーマでは、ページの読み込み中に左下隅の進行状況バーも更新され、読み込み/読み込みタイムアウト/読み込み完了/読み込み失敗などのさまざまなシナリオが表示されます。
テーマには、再生/切り替え/ジャンプ/ループなどの機能をサポートするネイティブ音楽プレーヤーが内蔵されており、オンラインで検索してオンラインリソースを使用できます。 
テーマには、スムーズで自然な要素の切り替えを保証するためのスムーズな要素切り替え関数switchElementContext()が組み込まれています。
テーマ本体のサイズは 600KB 未満であり、フレームワークがないため、高速な読み込みパフォーマンスが保証されます。
このテーマは、 highlight.jsコードを使用して強調表示し、Web Worker を使用して並行して読み込み、ページのブロックを防ぎます。
テーマは、記事情報に基づいて、介入なしで、対応するタグ/カテゴリを持つ記事を自動的にインデックス化できます。
テーマの言語ファイル パッケージは別のファイルです。必要に応じてテンプレートを変更でき、国際化も実装できます。
テーマはさまざまな方法で構成して、パーソナライズされたエクスペリエンスを提供できます。
設定項目はCookieで保存され、リスト形式ですぐに作成できるので使いやすさも抜群です。
このテーマでは、記事内のタイトルに基づいて目次を自動的に生成し、読み物を強調表示して読書体験を向上させることができます。
記事の最後に前/次の記事が自動的に推奨されます。手動で設定する必要はありません。効果については上の写真をご覧ください。
テーマには、全体的な雰囲気を向上させるダウンローダーが組み込まれています。記事内で使用できます。
続きを読む#box下ダウンロードbox
vercle デプロイメントを直接使用することも、vps やその他のデプロイメント方法を使用することもできます。
https://ravelloh.top/posts/rthemev4-deployment-complete-guide を参照してください。
テーマの改善/修正/機能の増加は大歓迎です。 nodejs を使用してローカルで変更を表示できます。
git clone https://github.com/RavelloH/RTheme
cd RTheme
pnpm install
pnpm devマサチューセッツ工科大学
