未加星标

Migrate blog site to Gatsby

字体大小 | |
[系统(linux) 所属分类 系统(linux) | 发布者 店小二03 | 时间 2018 | 作者 红领巾 ] 0人收藏点击收藏

08 Dec 2018

Migrate blog site to Gatsby

坚持更新这个博客网站居然也有五年了,虽然产量不是很高但也没有完全中断过。从一开始就是用 Jekyll 搭建并布署在 Github Pages 上,最早用了 bootstrap 的主题,中途曾经尝试切换到 Hexo,但没多久又切回了 Jekyll,后来发现了一款 scribble 的简洁主题就一直沿用至今,后面就没再怎么折腾过切换其它建站方案和主题。

直到最近,听说了 Gatsby 并进行了一些尝试,又让我有了折腾的冲动。主要是 Gatsby 是用 React 实现的,而我这两年都在写 React,Gatsby 让我可以掌控每个细节。

Gatsby 的 tutorial 写得很详细,照着一步一步操作,很快就能把一个博客网站搭建起来,原本我是想把新的网站也放到 Github Pages 上,覆盖用 Jekyll 搭建的网站,但是发现一个问题,因为之前我把一些博客文章的链接分享了出去,因此我要保证新的网站生成的文章链接,文章内的图片等链接也和旧的网站保持一致,但是做不到。

比如当前文章 2018-12-08-migrate-to-gatsby.md 在 Jekyll 下生成的路由是 /2018/12/08/migrate-to-gatsby.html ,而在 Gatsby 下,我最多能保证生成 /2018/12/08/migrate-to-gatsby/ ,而这两者实际是不一样的地址。

因此我决定把新的博客网站布署到其它地方,旧网站继续保持,以避免以前分享到外部的链接失效,以后新的博客文章可能只发表在新网站上,旧网站不再更新。

除了生成的文章链接问题,Jekyll 和 Gatsby 还有些其它不同的地方:

date: "2018-12-08"

因此迁移的时候,需要做一些额外的操作:

把日期写到每一篇 markdown 文件的开头部位 为每一篇文章生成一个目录,把文章和用到的图片或文件放到同一个目录中

鉴于文章数量有点多,手动操作了几篇后,效率有点低,因此写了一个 migrate.sh 的迁移脚本:

# migrate.sh, run in macOS md_files=$(ls *.md) for file in $md_files do echo $file folder=$(echo $file | awk '{print substr($1, 1, 10)}') echo $folder sed -i .bak "/^layout:/d" $file sed -i .bak "/^description:/d" $file sed -i .bak "/^category:/d" $file sed -i .bak "/^date:/d" $file sed -i .bak "2a\\ date: \"${folder}\" " $file mkdir $folder cp $file $folder done rm *.bak rm *.md

另外,新网站代码块的样式是直接从旧网站拷贝过去了。

新的网站 (by Gatsby):

源码 网站 (布署在 netlify)

旧网站 (by Jekyll):

源码 网站 (布署在 Github Pages)

Baurine


Migrate blog site to Gatsby

本文系统(linux)相关术语:linux系统 鸟哥的linux私房菜 linux命令大全 linux操作系统

代码区博客精选文章
分页:12
转载请注明
本文标题:Migrate blog site to Gatsby
本站链接:https://www.codesec.net/view/620932.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 系统(linux) | 评论(0) | 阅读(127)