该源码为小书匠官网( http://soft.xiaoshujiang.com )静态博客生成源码。 使用开源的静态博客生成工具 gatsby 生成,同时添加了小书匠导出的 zip 文件做为数据源的插件。
目前源代码放在 github 和 gitee 两个平台上, github 适合外网用户访问, gitee 适合国内这边的访问。
- github 源代码仓库: https://github.com/suziwen/roadbike 部署后的效果: https://suziwen.github.io/roadbike
- gitee 源代码仓库: https://gitee.com/suziwen/roadbike 部署后的效果: https://suziwen.gitee.io/roadbike
node > 8.9.* gatsby > 2.3.* git
可以考虑使用 nvm 管理不同版本的 node https://github.com/nvm-sh/nvm
git clone https://github.com/suziwen/roadbike
nvm use 8.9.1
cd roadbike/plugins/gatsby-transformer-xsjzip
npm install
npm run build
cd roadbike
npm install
npm run start
注: 这里需要先把 gatsby-transformer-xsjzip 编译一下,生成相关的 js 文件,才能在根目录下正常执行其他操作
- 通过小书匠编辑器 http://markdown.xiaoshujiang.com 的导出功能,将文章导出为 zip 格式
- 将该 zip 文件放置到
src/xsjposts/blogs
目录下 - 执行
npm run build
- 编译后,再执行
npm run develop
- 访问 http://localhost:8000/blog , 就可以在列表里查看到刚添加的文章了。
npm run deploy
注:
- 需要自己在
package.json
里,把对应的服务器地址调整一下。 - 如果发布在非根路径的网站上,比如
roadbike
,需要在gatsby-config.js
里添加pathPrefix: "/roadbike",
属性 - 在 package.json 的打包脚本里带上
--prefix-paths
参数
MIT