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
# npm run build:spa は SPA 用

注意事項#

Valaxy は現在まだ初期開発段階にあり、Yun テーマの機能は Hexo バージョンの主要機能のみを再現しています。バグをフィードバックしたり、云游君に寄付することで Valaxy の開発をサポートできます。

今使っているのは貴族的なベータテスターです

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