由来
Origin
实际上我以前搭建过一个博客,用的是 WordPress 动态博客,但是其实一直没怎么使用以及关照。然后在一番机缘巧合之下,我认识了 Hexo 这类静态博客。还有幸遇到了 hexo-theme-yun 这个主题,认识到了 YunYouJun(云游君)。之后他也开发了一套静态博客框架 Valaxy,使用了比较现代化的技术比如 Vue3。因为新技术的加持,Valaxy 在各个方面都很快,我也尝试使用,充当小白鼠。(真的是小白鼠。首先我一直在催更,其次我第一次实际搭建的时候甚至自己改了下源代码,之后 build
出来替换 node_modeuls/valaxy
下面的 dist
文件,希望 YunYouJun(云游君) 可以早点修复好 bugssssss! )
In fact, I have built a blog before with a dynamic blog framework WordPress, but I haven't used and cared about it. Then I met this kind of static blog Hexo by chance. Fortunately, I knew the theme hexo-theme-yun and made me know about YunYouJun. Later, he started developing a static blog framework Valaxy, using relatively modern technologies such as Vue3. Because of the blessing of new technology, Valaxy can bring me a extremely good experience of blog making. So I tried using. (Valaxy has a lot of bugs, however. The first time I even changed the original code and I really hope YunYouJun can fix bugssssss asap!)
个人配置
Personal Configuration
由于 YunYouJun(云游君) 比较忙 (咕?) ,一直没有推出 (现已推出),所以我就先用上 create-valaxy-theme
以便开发者创建自己的主题valaxy-theme-yun
这个主题。样式跟 hexo-theme-yun 几乎保持一致。
除了基础的个人配置,我还更改了背景图片:
亮色:
暗色:
落选的暗色:
然后自己还写了一个后台管理静态博客(其实用上了数据库,不知道还能不能算是静态博客),所以现在写博客体验就很爽啦!!!以后会专门写文章介绍一下我这个后台管理的具体实现以及功能使用。 (有时间再弄吧)
Because YunYouJun is very busy, 'create-valaxy-theme' has not been developed for developers to create their own theme (now available), So I'm using the theme valaxy-theme-yun
at first. The styles of the theme is almost the same as hexo-theme-yun.
Except for basic configurations, I also changed the background images:
Light mode:
Dark mode:
Rejected dark mode:
样式测试
Style Test
KaTeX
对于一元二次方程 ,它的求根公式为:
For a quadratic equation of one unknown , its quadratic formula is:
当然,也可以排版小学数学题:
Of course, you can also typeset primary school math questions:
标题
四级标题
五级标题
Title
Fourth Level Title
Fifth Level Title
斜体 粗体 下划线 删除线
- 有序
- 列表
- 无序
- 列表
console.log("代码块") //;
引用
多一点行
表格 | ||||
---|---|---|---|---|
null | 左 | 右 | abracadabra | For Test |
undefined | 左 | 右 | content | UseLess |
图片
Italic Bold Underline Strikethrough
- Ordered
- List
- Unordered
- List
console.log("Code block") //;
Quote
More than one line
Table | ||||
---|---|---|---|---|
null | Left | Right | abracadabra | For Test |
undefined | Left | Right | content | UseLess |
Image