从 Wordpress 到 Vuepress。

暑假用 Wordpress 搭了个博客，那时候感觉什么都不懂，只能按着网上的教程一步一步来（虽然现在也是 :<），使用的是 Sakurairo 主题，风格挺戳我的，功能也很全面，主题社区氛围也很好。但唯一让我无法忍受的就是它的加载速度，没上 cdn，没经过特别的优化，打开缓慢就给人不爽的感jio，再加上 wp 本身是一个 PHP cms，相较于静态博客缺乏一定的安全性，因此很早之前我就开始寻找有没有一种替代品，满足我的以下需求：

  • 静态博客，不涉及 php 等动态语言进行大量后端交互。
  • 最好应用了较新的技术栈，方便我学习一点前端知识。
  • 页面风格与 Sakurairo 主题相似。

然后就偶然找到了这款主题：基于 vuepress 2 构建的 Gungnir v2，可以看到它很好地符合了我的需求。当然我也考虑过 Hexo，但正如 vuepress 文档所说，它缺乏一定的灵活性，而且以前用 gitpage 搭的 hexo 经历并不是很美好。

最近几天似乎能忙里偷闲挤出一点时间搞一搞，这时我服务器在使用的宝塔面板又传出某些不好的消息，因此决定顺便把宝塔给卸掉，那么这样最简单的办法就是直接更换服务器镜像 ：）

更换系统最重要的一步就是数据的备份与迁移。但我原来服务器上其实重要的东西也就只是博客上的文章，其他的东西可以再折腾，于是直接将 wp 的数据库给弄下来就行了。虽然文章数量不多，但我是懒狗不想手动弄，也许你会问为什么不用网上的插件直接把 wp 上的文章重新生成 md 文件呢，我一开始的确有这打算，但我发现数据库中除了 md 文件内容，还有其他类似于写作时间之类的元数据，然而使用 vuepress 生成则需要这部分数据，有个想法就是能不能在生成 md 文件的同时将这一部分数据加到 md 文件上？

很可惜的是我并没有找到这样一款 wp2vuepress 插件，于是打算自己编写一个脚本完成这件事，所以以前的文章也只有等我写好这脚本之后才能看见了 :< （5.15 update：第一阶段已经完成哩，已经能看到以前一半的文章了，另外一半需要继续搞搞，估计弄得差不多了可以把这坨小屎山放在 gh 上，顺便再水一篇文23333）

浅记一下换系统过程。

以前的系统是 Centos7，因为它大限将至，所以换成了 Ubuntu20.04。

# init
sudo apt-get update
sudo apt-get upgrade
# installl nginx
sudo apt-get install nginx
sudo systemctl status nginx

使用新版的 nodejs，npm 和 yarn ，因为听说 yarn 能弥补 npm 的缺点，所以包管理就用它了。

# install nodejs and npm
curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt-get install -y nodejs

# install yarn
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update
sudo apt install --no-install-recommends yarn

主题方面就可以去看文档了，这里不用多说。有个吐槽的就是我最开始是把 vuepress 项目直接部署在服务器上，用 vscode ssh 连上去 coding 的，但发现 dev 时小水管受不了，速度很慢，所以换成了本地 dev + build，然后再部署发布静态页面；而且因为我最开始尝试直接拉取作者仓库源码但是生成依赖失败，所以对于主题的一些小部分更改我是采用给依赖包打补丁的形式进行的emmmm，等有时间了再捣鼓捣鼓吧。

以前使用宝塔就是为了贪方便，比如对 Nginx 的配置：）而现在没有面板只能靠自己了，我也试着自己手动配置了几下，基本的配置倒好弄，但这个 ssl 始终没弄成功，因此上网冲浪找到了这个好东西，可视化高质量配置 Nginx！分分钟就解决了......orz

弄完这些有的没的，还是花点时间搞搞那破习题诶副吧，多久没碰咯！