M33E
MacrosMeng
只是一个学生……
The people who are crazy to think they can change the world, are the ones who do. —— Think Different, Apple
- VitePress
- Vue
- TypeScript
- Material 3 Expressive
- Designing
README · M33E
表达，自有声 | M33E
Material 3 Design Expressive，加上 VitePress。不过度设计，不提供过多自定义选项，开箱即用。这便是 MacrosMeng's Material 3 Expressive Blog。
市面上 M3E 博客数不胜数，怎么才能设计一款好的主题，关键便是取舍与平衡。M33E 不提供过多配置选项，开箱即用，同时保持开放与新手友好，这便是它的最大优势。
这个站是怎么搭的
- 框架：VitePress 2 + Vue 3 + TypeScript。
- 博客数据：
@binarynoir/vitepress-blog负责 frontmatter、列表、RSS、byline 与上下篇。 - 首页：自定义
m3e-home布局，用createContentLoader读取同一套 frontmatter。 - 视觉：Material 3 Expressive token（色彩、形状、排版、spring motion），种子色为 Material 蓝紫
#6750A4。 - 字体：Google Sans Flex Variable 与 Noto Sans SC，Fontsource 自托管。
- 数学：
markdown-it-mathjax3渲染行内与块级公式。
直接开始
这个博客不追求“内容最多”，只追求每篇文章都能把一个想法讲清楚。
参见项目的 README，开始搭建属于你的 M33E 风格博客网站。