Blog-使用 Next.js 重构 hexo 博客

是时候了!

前言

  • 今天是 2022 年 5 月 3 日,我的博客建站成功之时。
  • 看了同学制作的博客觉得很酷,所以也想自己搞一个。
  • 相对于微博、空间和朋友圈,我觉得博客是一个记录生活和学习记录的更好的选择,有一种世外桃源的感觉。
  • 目前我对博客的使用操作还不够熟练,有时间慢慢学习。

本科毕业前搭建的 Hexo 博客,至今也过了将近四个年头了。在读研中的许多令人烦躁的时光中,这个博客成为了我的一大树洞。

随着我的想法不断的深入以及前端技术的不断地加强,先前的博客框架的功能也是越来越多,但面对的问题也是越来越多。

是时候拥抱更现代的 Next.js 框架了!得益于强大的 Vibe Coding 工具,即使在因上班导致的个人自由时间变少的时期,也只要一个月左右就能完整地重构先前三年魔改出的博客框架,不仅复现了之前的功能,还添加了更多!真是太棒棒啦!

目前新的框架还在测试并适配中……

特性测试

  • 太强啦
    • 太强啦
      • 太强啦
        • 太强啦
Mermaid
Loading diagram…
天地龙鳞王力宏
0:00 / 0:00
1/2
天地龙鳞王力宏
0:00 / 0:00
webp webp img
app.ts
const a = 1
console.log(a)
Your caption here
加密内容

The following is for friends only.

每周花一点时间复盘,胜过盲目忙碌一周。我习惯在周日晚上回顾这周做了什么、学到了什么、有什么可以改进。

三个问题

  1. 这周完成了什么?
  2. 遇到了什么困难,如何解决的?
  3. 下周最重要的一件事是什么?

记录的习惯

不需要长篇大论,几个要点即可。关键是形成习惯,让反思成为成长的加速器。

666

8888

9999
0000
ts
console.log("old") 
console.log("new") 
diff
function hello() {
- console.log("old")
+ console.log("new")
}

Project structure
src
package.json

b+b24ac2a\frac{-b+\sqrt{b^2-4ac}}{2a}

  • 666

  • 777

注意

Highlights information that users should take into account, even when skimming.

提示

Optional information to help a user be more successful.

重要

Crucial information necessary for users to succeed.

警告

Critical content demanding immediate user attention due to potential risks.

当心

Negative potential consequences of an action.

层楼终究误少年

11111

Your caption here

Inline math: 01xdx\int_0^1 x\, dx. (Block math ...... may trigger a known remark-math bug in this stack; use inline ...... or test in another post.)

2222

42=164^2=16

My details

Something small enough to escape casual notice.

  1. Install Git for Windows

    666

  2. Set up an editor or IDE

    For the best experience developing Flutter apps, consider installing and setting up an editor or IDE with Flutter support.

public/posts example
something

杀死那个石家庄人

如此生活三十年

直到大厦崩塌

一万匹脱缰的马

在他脑海中奔跑

见说明1

Footnotes

  1. 这是脚注内容。