Nakeman.cn(我的博客)完成华丽转身——从WordPress到Gatsby

我写东西发表到网上应该有很长一段时间了,有在各大平台的(csdn.net jianshu.com之类),也有独博客。Nakeman.cn 这个域名已经拥有超过五年,一直在用Wordpress这个博客系统。一次偶然机会,我读到了tania 的文章后,有了改造博客的想法,并在去年求职过程中产生的要有自己作品的想法推动下,现在实现了这个想法。

现在博客上线了,效果非常好,比预期的要好,非常简洁和美观,这才第一版,后面还会再改善。

代码是从去年年底12月开始的,前后花一个月左右完成 ,因为对Gatsby, React,Tailwind都有了不错的基础,才这么快。这个过程,主题设计,代码实现,和最终数据迁移 都参考了tania的经验 ,非常感谢她的开源奉献。

1

代码开发及博客主题

博客主题结构我几乎复制了 tania 的设计,因为我觉得那 才是真正的博客的样子。客观的说,主题设计我有80%“抄袭”了 tania,不过 代码 有80% 都重写了。我用的是最新版的Gatsby,样式用的Tailwind,而且一些功能实现,也用的自己的想法。(补充:具体过程使用了什么技术 ,掌握了什么模式经验)

2

数据迁移

整站改造任务中,代码 是一部分,数据迁移也占了很重的任务。我要将数据从Wordpress导出,转换为Markdown,还要进行筛选(原博客有150篇,删掉了“无用”三分之一),还要处理图片等。

一开始以为可以直接借鉴 tania经验,试了下发现她的方法 有一点落后 ,而且并不完全适用我的情况。

迁移过程主要三步:

  • 通过wordpress 界面 导出 xml数据 (工具 > 导出)
  • 使用 wordpress-export-to-markdown 这个工具将xml 转为 markdown(可以年或月生成文件夹组织),这过程会自动下载文章所有图片(到images文件夹),所以要保证原博客线上可用
  • 最麻烦的过程,就是手动调整。因为转换到的markdown 不是十分符合新博客的需求,例如需要新增一些 frontmatter字段,或者原博客的分类 标签 也不对了,也要一一修正。转为markdown最大的不足,就在这里,再也没有一个 统一 的界面(像Wordpress那样)可以集中管理 博客 文章 的元数据 (vscode有一个 front matter的插件 ,目前不怎么好用)

3

Version历史

2023-3-15


1 文章增加滚动目录(TOC)

2 厘清架构(建立以 session为分支进行代码管理)

## 架构(分支设计 )的文档
	L 怎么从 app中 分出 session,再分出page
		L session 1)有相同的page layout 2)交互任务意义 相同
app(nakeman.cn)
	L siteindex
		L index
	E postidex
		L all
		E tags
		E categories
	E post
		L post
	E public
		L projects
		E micro
		E resume
		E about

弃用 原dev分支,改为app

3 content git模块

Untracked files:
  (use "git add <file>..." to include in what will be committed)
	2023/2023-3-1-human-growth-is-spiritual-growth/
	2023/2023-3-8-howto-write-promise-class/
裸男
Nakeman.cn 2023 Build by Gatsby and Tailwind, Deploy on Netlify.