时隔多年，重启网站，发现我注册的域名竟有三个站长用过

在n年前，我希望能创建一个个人网站，主要写一些技术文章，我希望网站图文并茂，内容也能相互关联，甚至构想了一个双链的雏形。结果越想越复杂，但又毫无行动，于是愿望作罢。

然后，过了m年，我开始写公众号了，于是又重新拾起网站的愿望，吸取之前的教训，选择了一款开源的博客构建工具 Hexo，只是简单地改了改样式，就上线了。不过，可能是因为过于追求严谨，写技术文章的成本大大超出了我的预期，结果没过两年，就写不下去了，网站也停止了维护，如今域名也不再续费了。

五年前，我开始周更公众号，又开始想要不要重启我的网站，但为了保量，很少写技术相关的话题，如此一来网站的意义就没那么大了，便又放弃了。

说白了，一个网站的好坏还是要看内容，写不出好的内容，网站就会失去对别人的意义。但作为一个技术人，尤其还是一个早期互联网的使用者，个人网站至少对我自己是有意义的，于是这个念想便总是会时不时地冒出来。

今年闲了下来，于是这个念想如约而至，可我实在懒得可以，直到半个月前才开始有实质性的行动。不过与此同时老毛病又犯了，忍不住地开始在意技术细节，于是花了一周的时间都在补课，补那些所谓的现代化前端技术。

说来惭愧，我的前端技术主要还是十几年前学的 html + js + css 那一套，整个前端的思维常年停留在 jQuery 的级别，可以说整整落后了最关键的十年。虽然后来也了解了一些所谓状态管理、双向数据绑定这些概念，但因为没有参与过具体开发，所以还是跟时代有些脱节。

直到最近两三年，我才开始真正地去接触现代化的前端架构。尤其是 AI 编程成熟起来后，学习成本，开发成本都大大降低，再不好好学一下，实在有些说不过去了。

这次重启网站，我放弃了 Hexo 这类网站构建工具，选择了 Next.js 来亲自开发网站。说是亲自开发，但因为有了 AI 的辅助，开发成本其实已经大大降低了。

只是我自己实在放不下技术的包袱，既然选择开发了，那相关技术我必须得心中有数。所以花了一周时间把相关的基础知识都过了一遍，主要是 React、Next.js 和 TailwindCSS，以及适合编写互动博客的 MDX。

大致介绍下技术选型吧，因为是博客网站，所以日常最大的工作量应该是写作，之前使用 Hexo 时，是把文章写成 Markdown，然后由 Hexo 来生成静态网站。这次我还是想沿用这一方案，一是因为这对于写作来说非常友好，二来是这种静态生成的方式对性能、SEO都非常友好。

不过唯一的缺点就是跟“网页”的能力相比，Markdown 实在过于简陋了，我非常希望未来的博文可以多一些互动功能，这就需要编写很多页面组件，如何融合 Markdown 的文章和自定义的页面组件就是个问题，我不可能每次写文章都去再排一次版。

一般来说，我能遇到的问题，应该早就被别人解决了，所以很轻松的就查到了 MDX 这个解决方案。MDX 就是 MD + X，就是 Markdown + JSX。JSX 简单说就是 JavaScript + HTML，在这一个文件中就可以完成页面组件的定义。于是利用 MDX，把页面组件和文章结合在一起，就像是写 Markdown 一样简单了。

JSX 是随 React 而设计的，所以在 UI 层面自然就选了 React。而选择 Next.js 主要是为了可以方便的把网站部署到它的亲爸爸 Vercel 上。以前用 Hexo 时，网站是部署在 Github Pages 和 Coding Pages 上的，它们都只能部署纯静态文件。但 Vercel 提供的能力就强多了，有了 Next.js 的支持，都可以提供 API 服务了。

选型确定后，开发按理说是极其容易了，就算你不懂技术，只要有 Cursor、Claude Code 这类工具，几句话的功夫，就能给你做出来，基本不会有什么错误。或者你找一些现成的开源模版，只要不太挑，资源有的是。

对我来说，整个网站从无到有，快的话应该一个小时就能搞定。就算是不懂编程的人，只要不是太外行，对计算机和网络有一些基本了解的，感觉半天也够了，大不了一天，对外行来说这个成本也是相当低了。

可我实际开发起来又是花了好几天，因为我还是忍不住地要去调整各种细节，还重新设计了 Logo。AI 大概能完成一多半的工作，但这其中涉及到的技术点我自己还得再研究一遍，因为 AI 经常干那种按下葫芦浮起瓢的事，所以把原理搞清楚了，自己改起来反倒会更快一些。

修修改改之后，虽然感觉还有不少问题，但面上的东西能看了，就先发布吧，毕竟能用是最最重要的节点，以后再慢慢迭代，慢慢再把之前写的东西都放上去。还得构建一套工作流，让日常写作可以完全和网站构建分离。

以前的网站域名后来没再续费，这次也就用闲散极客这个名字申请了一个新的： www.laidbackgeek.com

本来还在想，这样的域名竟然没人注册，结果这两天发现它果然不是个全新的域名，之前至少已经有三个版本的网站了，他们的站长似乎都喜欢电子游戏、动漫、科幻片之类的，当然肯定也喜欢写作。我想既然我们都相中了这个域名，那应该也有不少共性吧，我争取把这个网站长期维护下去。

最后再一起来看看之前三个版本网站的样子吧：

We like geeky stuff like video games, gadgets, manga and Sci-fi TV shows, but who’s got the time or money to keep up with the latest and greatest?

Laidback Geek: Not hardcore, not casual, not retro, not bleeding edge. Just stuff you might like.

第一版网站介绍

Video game enthusiasts everywhere will appreciate this site. Read what other people have to say about their favorite games and systems and learn new strategies for winning.

第二版网站介绍

I love video games, superheroes and Japan.

I also love writing.

That’s why in 2018 I finally created a site dedicated to all things geek.

There will be regular content about video games, TV shows and films ranging from opinion pieces, commentary, previews and reviews.

There’s also a whole section about Japan travel. Since it is the home of so much geek culture, I think a lot of you would love to visit. I hope some of the articles help you out.

Why the name Laid Back Geek? Because that sums up exactly who I am. But if there’s one thing I take seriously, it’s continuing to write as many great geek-filled posts as I can.

Please browse the site, say hello, leave comments on posts, and sign up to our email list if you’d like.

No pressure, because things are always laid back here.

第三版网站介绍