关于站点

由来

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

对于一元二次方程 ax2+bx+c=0(a0)ax^2 + bx + c = 0 (a \neq 0),它的求根公式为:

For a quadratic equation of one unknown ax2+bx+c=0(a0)ax^2 + bx + c = 0 (a \neq 0), its quadratic formula is:

x1,x2=b±(b24ac)2ax_1,x_2=\frac{-b\pm\sqrt{(b^2-4ac)}}{2a}

当然,也可以排版小学数学题:

Of course, you can also typeset primary school math questions:

3×4+7×4=(3+4)×4=7×4=40\begin{align*} 3\times4 + 7\times4 &= (3+4)\times4\\ &=7\times4\\ &=40 \end{align*}

标题

四级标题

五级标题

Title

Fourth Level Title

Fifth Level Title

斜体 粗体 下划线 删除线

  1. 有序
  2. 列表
  • 无序
  • 列表
console.log("代码块") //;

引用

多一点行

链接

表格aˉ\bar{a}aˊ\acute{a}aˇ\check{a}aˋ\grave{a}
nullabracadabraFor Test
undefinedcontentUseLess

图片

图片示例

Italic Bold Underline Strikethrough

  1. Ordered
  2. List
  • Unordered
  • List
console.log("Code block") //;

Quote

More than one line

Link

Tableaˉ\bar{a}aˊ\acute{a}aˇ\check{a}aˋ\grave{a}
nullLeftRightabracadabraFor Test
undefinedLeftRightcontentUseLess

Image

Image Example

Development Process of Ani-go
Valaxy v0.14.15 驱动 | 主题 - Yun v0.14.15