VALAXY为表达而生的 博客框架

基于 Vue 与 Vite,用 Markdown 专注写作,自由定制属于你的博客。

pnpm create valaxy

V + Galaxy

从一个想法,到你的宇宙。

开箱即用,写下第一篇;自由定制,做出自己的模样。

Markdown - 专注你的内容

从现成主题开始,文章列表、分类、标签与归档已就绪。用 Markdown 写下第一篇文章。

Vite - 极速的开发体验

修改文章、配置与组件,预览随之更新。让写作和定制都拥有流畅的反馈。

Vue - 自定义任意组件与布局

从一个页脚到整个布局,通过同名 Vue 组件逐步定制,把主题变成你的模样。

UnoCSS - 自由的编写样式

在文章、组件以及任意地方自由地编写任意样式,同时保持最小的体积

TypeScript - 类型安全

所有配置与 API 伴随着完备的类型安全与智能提示,这是当然的

VueUse - 合成式 API 工具集

内置的 VueUse 按需满足你的各类需求,除此之外,还有我们自身的 Blog Composition API

可视化管理

内置 Valaxy DevTools,搜索文章、编辑元信息、调整配置,在直观的面板里管理博客。

按需扩展

通过插件添加评论、搜索与相册。结合 Vue、Vite 与 UnoCSS,继续拓展你的想法。

内容自持,自由部署

文章以本地文件保存,生成的静态站点可部署到你选择的平台。内容与代码由你管理。

国际化 - 无缝的多语言支持

Vue i18n + CSS i18n 实现单页面与局部元素的全局多语言支持,国际化无需新页面/新站点

AI 协作友好

用提示词与主题 Skill 将设计想法实现为主题。按需开启 MCP 查询和检查文章,或生成 AI 可读内容。

无障碍细节

Press 主题支持键盘导航与清晰的焦点提示;首页动画可暂停,并尊重减少动态效果偏好。

VUE + VITE

熟悉的工具, 更多的可能。

写作、主题与构建,共用一套熟悉的前端生态。让已有的组件、样式和插件,继续发挥作用。

已有组件,直接复用

将 Vue 组件放入文章,组合图表、演示与交互。

插件生态,自然接入

复用 Vite 插件处理资源,让博客融入你的工作流。

探索 Vue 与 Vite 集成
为写作与定制,协同工作。

VALAXY DEVTOOLS

博客管理,也得心应手。

在 Valaxy DevTools 中整理文章、调整配置、查看页面信息。日常管理,都有直观的入口。

了解 Valaxy DevTools

文章管理

搜索文章、筛选草稿,编辑标题、分类与标签。

可视化配置

调整站点与框架配置,保存回本地源文件。

页面调试

随页面查看路由、Frontmatter 与响应式断点。

随本地开发模式开启,生产站点无需加载。

Valaxy DevTools 真实界面,左侧为文章列表,右侧为标题、日期、分类与标签编辑区Valaxy DevTools 真实界面,左侧为文章列表,右侧为标题、日期、分类与标签编辑区
Valaxy DevTools · 文章管理界面

AI + YOUR CREATIVITY

你的想法, 长成自己的主题。

描述风格与功能,让 AI 编程助手从官方模板开始。主题 Skill 补齐框架约定、页面实现与验证流程。

  1. 01描述想法
  2. 02生成与定制
  3. 03预览与验证
生成主题提示词
Arknights 主题真实预览:边境手记首页、精选文章和归档筛选
AK UI × VALAXY · 原创风格示例

从 AK UI 到 Arknights

一套可运行的示例:档案式文章列表、舒适的正文排版,以及深浅色切换。

在线预览 使用这款主题 查看示例源码

YunYouJun's Sponsors