Nakeman.cn(我的博客)完成华丽转身——从WordPress到Gatsby
我写东西发表到网上应该有很长一段时间了,有在各大平台的(csdn.net jianshu.com之类),也有独博客。Nakeman.cn 这个域名已经拥有超过五年,一直在用Wordpress这个博客系统。一次偶然机会,我读到了tania 的文章后,有了改造博客的想法,并在去年求职过程中产生的要有自己作品的想法推动下,现在实现了这个想法。
现在博客上线了,效果非常好,比预期的要好,非常简洁和美观,这才第一版,后面还会再改善。
代码是从去年年底12月开始的,前后花一个月左右完成 ,因为对Gatsby, React,Tailwind都有了不错的基础,才这么快。这个过程,主题设计,代码实现,和最终数据迁移 都参考了tania的经验 ,非常感谢她的开源奉献。
代码开发及博客主题
博客主题结构我几乎复制了 tania 的设计,因为我觉得那 才是真正的博客的样子。客观的说,主题设计我有80%“抄袭”了 tania,不过 代码 有80% 都重写了。我用的是最新版的Gatsby,样式用的Tailwind,而且一些功能实现,也用的自己的想法。(补充:具体过程使用了什么技术 ,掌握了什么模式经验)
数据迁移
整站改造任务中,代码 是一部分,数据迁移也占了很重的任务。我要将数据从Wordpress导出,转换为Markdown,还要进行筛选(原博客有150篇,删掉了“无用”三分之一),还要处理图片等。
一开始以为可以直接借鉴 tania经验,试了下发现她的方法 有一点落后 ,而且并不完全适用我的情况。
迁移过程主要三步:
- 通过wordpress 界面 导出 xml数据 (工具 > 导出)
- 使用 wordpress-export-to-markdown 这个工具将xml 转为 markdown(可以年或月生成文件夹组织),这过程会自动下载文章所有图片(到images文件夹),所以要保证原博客线上可用
- 最麻烦的过程,就是手动调整。因为转换到的markdown 不是十分符合新博客的需求,例如需要新增一些 frontmatter字段,或者原博客的分类 标签 也不对了,也要一一修正。转为markdown最大的不足,就在这里,再也没有一个 统一 的界面(像Wordpress那样)可以集中管理 博客 文章 的元数据 (vscode有一个 front matter的插件 ,目前不怎么好用)
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/