Big_Cake

晓雨杂记

也许我们会分别,但我们将永远不会忘记彼此
bilibili
github
twitter
zhihu
telegram
tg_channel

Valaxy —— 限りなく新しい静的ブログフレームワーク

はじめに#

実は、私はずっと Valaxy を注目していましたが、条件がないため、ずっと Hexo を使っていました。

最近、オンラインクラスでコンピューターを手に入れたので、「ブログを Valaxy に移行しよう」と考え、Valaxy のドキュメントを開いて操作を始めました。設定が完了した後、ほぼ本番環境で使用できる状態になりました。

同時に、その超高速な速度とネイティブのページホットリロードも感じ、皆さんに紹介しようと思いました。

開始#

⚡️ Vue 3, Vite 2, pnpm, ESBuild - 高速で生まれました

ローカルでの初期化#

プロジェクトのリンク

新しいフォルダを作成し、そのフォルダでターミナルを開き、次の内容を入力して初期化します:

npm init valaxy
# `pnpm create valaxy` は作者によって推奨されています

コマンドラインの指示に従ってプロジェクトの初期化を完了します。デフォルトでは Yun テーマが使用されますが、ドキュメントテーマ(theme-press)を選択することもできます。

生成されたプロジェクトフォルダに移動し、依存関係をインストールしてローカルプレビューを起動します。

npm install 
# yarn
npm run dev
# yarn dev

ローカルプレビューが起動したら、http://localhost:4859 にアクセスして効果を確認できます。その後、valaxy.config.ts を編集してブログをカスタマイズできます。

自動ビルド#

GitHub Pages/Netlify/Vercel/Cloudflare Pages を使用できます。

.github/workflows/gh-pages.yml は GitHub Pages を自動的にデプロイします。その他の方法についてはドキュメントを参照してください。

手動デプロイ#

次のコマンドを入力して静的ファイルを生成し、dist フォルダーの内容を自分のサーバーにデプロイできます:

npm run build
# SPAの場合は npm run build:spa

注意事項#

Valaxy は現在開発初期の段階にあり、Yun テーマは Hexo バージョンの主要な機能を再現しています。バグのフィードバックや YunYouJun への寄付によって Valaxy の開発をサポートできます。

現在の使用者は貴族のベータテスターです

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