zoffyzhang.github.io

介绍

这是我的博客系统，目的是设计一个简单且实用的博客系统，并且尝试使用 React 框架。

功能设计

你也可以使用这个博客系统吗？

可以，但有点麻烦。

我的想法主要是做一个给自己用的博客系统，所以 GitHub repo 建的名字是 zoffyzhang.github.io，如果要设计成通用性的博客系统，那就需要像 Hexo 那样提供 cli，这样工作量就大大提高了，这并不是我的初衷。

尽管如此，我还是把这个博客系统的一些配置抽了出来，你也可以使用这个项目部署自己的博客。

简单地说，你需要 4 步完成这个部署过程：

  1. 你需要创建自己的 GitHub Pages repo
  2. 切换到 develop 分支
  3. 把这个项目的源码复制过去
  4. 构建并 push 到自己的远程 repo

如果你对上面的步骤存在疑惑，可以按照下面的hand by hand步骤操作：

  1. git clone https://github.com/zoffyzhang/zoffyzhang.github.io下载本项目到你的电脑
  2. 在 GitHub 建立你自己的 Github Pages repo，比如说是 xxx.github.io
  3. git clone xxx.github.io 到你的电脑
  4. 运行 git checkout -b develop 给 xxx.github.io 创建并切换到 develop 分支
  5. 把本项目的所有文件（除了.git 文件夹）复制替换到你电脑的 Github Pages repo 下
  6. 接下来的操作都是针对 xxx.github.io
  7. 修改 ./src/api/axiosConfig.js 里的 baseURL，将 ‘https://raw.githubusercontent.com/zoffyzhang/zoffyzhang.github.io/master/articles/’ 里的 GitHub ID 改为你的 GIthub ID
  8. 修改 ./package.json 里的 echo 脚本，GitHub ID 改为你的 GIthub ID
  9. 删除 ./articles 下的文件，并把你自己写的 markdown 文件放进去
  10. 运行npm i安装依赖
  11. 运行npm run m2h && npm run build && git add . && git commit -m deploy && git checkout master && git merge develop && git push -u origin master && npm run echo && git checkout develop
  12. 等待程序运行结束，点击终端上打印出的地址你就可以打开自己的博客了

现在，你已经成功将这个博客系统部署到你自己的 Github Pages 上。

从此以后，你只需要添加、删除、修改 ./articles 下的 markdown 文件，然后运行npm run deploy命令，你的文章就可以成功发布了。

This site is open source. Improve this page.