Big_Cake

晓雨杂记

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

Valaxy —— 快到沒邊的全新靜態部落格框架

前言#

其實我已經關注雲遊君的 Valaxy 很久了,無奈沒有條件只能一直用 Hexo。

最近上網課拿到電腦,便想著「不然把部落格遷移到 Valaxy 吧」,便打開了 Valaxy 的文件開始一頓操作,設置好以後已經基本處於可以用在生產環境的情況了。

同時我也感受到了它超快的速度以及原生的頁面熱重載,便打算把它介紹給大家。

開始#

⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness

本地初始化#

專案地址

新建一個文件夾,然後在這個文件夾內打開終端,輸入如下內容進行初始化:

npm init valaxy
# `pnpm create valaxy` is recommened by author

根據命令行提示即可完成專案初始化。默認使用 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 for SPA

注意事項#

Valaxy 目前還處於早期開發階段,Yun 主題的功能僅複刻了 Hexo 版本的主要功能,你可以通過反饋 Bug / 捐助雲遊君來支持 Valaxy 的開發。

現在使用就是高貴的內測使用者

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。