初代 WordPress 2015 - 2019

15年，那时刚学前端不久，很多东西都不太懂，什么服务器、域名、环境之类的，只是想弄个自己的网站记录些学习中遇到的问题。
当时选了 WordPress ，因为功能多，扩展强，主题也丰富，一键安装非常简单。
花了 113 大洋买了个虚拟主机后，自己又折腾了几天，改了改主题样式，就上线了。

好青涩哦

第二代 VuePress 2019 - 2022

这段时间处在能力的快速增长期
啥前端、后端、大前端都接触了点
同时越来越觉得我那个 WP 网站吧，臃肿，很多功能其实并不需要，打算换个相对轻量化的博客系统。

当然最大的原因是：
服务器到期 💸

Who Is Next?

Typecho

搭配：LNMP

和 WP 一样的 PHP 博客，号称轻量级，但插件和主题都偏少，现在（2019年）好像也不维护了，不考虑。
不过 22 年他们又回归了。

Ghost

搭配：Node + NGINX + MySql

一款基于 Node.js 语言和 MySql 数据库的个人博客系统，虽然比 WP 简洁，但还是需要服务器安装一大堆环境，介于本人不想再折腾服务器了，不考虑。

Hexo

一款基于 Node.js 的静态博客框架，主题使用的模板引擎（ Nunjucks、EJS 等）。
编写完文章后，将静态文件推送到 Gitbub （绑定 Github Pages）或其他云存储、CDN上再解析上域名就可以了。

缺点嘛，主题有点太静态了。

VuePress

一款由 Vue 驱动的静态网站生成器。

相较于 Hexo 可以直接使用 Vue 来处理页面布局及样式，定制性更强，而且我的主要技术栈就是 Vue。
巧了嘛这不是，就是你了。

使用

VuePress + Github Action + UPYUN

第二代网站的工作流就是，使用 Markdown 写文章，然后推送到 Github，触发构建 Action，构建成功后推送到 UPYUN 云存储中。
实现发布更新自动化。

这种形式，省去了一年年的服务器费用，而纯静态的流量基本可以忽略不计。
唯一不太方便的可能就是 Markdown能提供的功能有限吧。

第三代语雀 now

现在这个是第三代，完全基于语雀的内容知识库。
语雀真的是满足了我对于写作的所有需要，不管是工作文档整理还是个人分享，思考整理表达，实现了完美闭环。

那怎么做域名绑定呢？
easy， frame 嵌套一下，类似于隐形URL。
16行代码搞定

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>WendyGao | Web Developer</title>
    <link rel="icon" href="/img/logo.ico">
    <meta name="description" content="WEB DEVELOPER">
    <meta name="keywords" content="全栈开发,前端开发,后端开发,技术,音乐">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
  </head>
  <frameset rows="100%">
    <frame src="https://www.yuque.com/gaoquanquan">
    <noframes><a href="https://www.yuque.com/gaoquanquan">Click here</a></noframes>
  </frameset>
</html>

这样就同时拥有了独立域名、免费内容托管和超好用的富文本编辑器
爽歪歪

技术笔记

个人网站的这 7 年

初代 WordPress 2015 - 2019

第二代 VuePress 2019 - 2022