VALAXY为表达而生的 静态博客框架

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

pnpm create valaxy

V + Galaxy

静态博客框架怎么选:Valaxy、Hexo、VitePress、Hugo、Astro 对比。

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

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

Ready to write

Start with a ready-made theme, post lists, categories, tags, and archives. Write your first post in Markdown.

See changes as you go

Preview updates to posts, settings, and components as you work. Keep writing and customization flowing.

Make every detail yours

From a footer to an entire layout, override Vue components by name and shape your theme one piece at a time.

Style freely with UnoCSS

Freely write any styles in articles, components, and anywhere else while maintaining minimal size.

Type-safe with TypeScript

All configurations and APIs come with comprehensive type safety and intelligent suggestions, as it should be.

Composables from VueUse

Built-in VueUse satisfies your various needs on demand, and we also have our own Blog Composition API.

Manage visually

Search posts, edit metadata, and adjust settings in the built-in Valaxy DevTools panel.

Extend as you need

Add comments, search, and galleries with addons. Build on Vue, Vite, and UnoCSS to take your ideas further.

Own your content

Keep posts in local files and deploy your generated static site to the host you choose. Your content and code stay with you.

Multilingual by design

Achieve global multilingual support for single pages and local elements using Vue i18n + CSS i18n. No need new pages or sites.

Work with AI

Turn a design brief into a theme with prompts and the theme Skill. Enable MCP to inspect and check articles, or publish AI-readable content.

Accessibility details

Navigate the Press theme with a keyboard and visible focus indicators. Pause homepage animations, with reduced-motion preferences respected.

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

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

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

SPONSORS

Made possible by our sponsors

Valaxy is free and open source. Your support keeps it moving.

Become a sponsor
YunYouJun's Sponsors