缘起
我发现很多喜欢写博客的人,还是会采用 GitHub Pages 来搭建自己的个人网站,这个需求从 2013 年至今不减。并且有很多人来咨询关于 Jekyll 博客的相关知识。
回顾下为什么 Jekyll 这样的小众静态文件生成器会受到人们的喜爱,有一个原因是因为它本身很简单,易学易用。门槛低 -- 在最初的时候,你可能需要花点时间在学习 Jekyll 语法上,并且搭建出自己喜欢的博客。如果没有大的需求,基本就是剩下写 Markdown 文件的博文了。而最后 GitHub Pages 会为你部署和提供访问服务。
最初我也是这个想法。
但是后来,因为每次写博客的时候需要执行几个步骤:
- 更新本地的代码(其实是为了更新文章)
- 编辑器打开 Project,开始新建一个 Markdown 文件,噼里啪啦写完一篇文章
- 使用 Git 更新到 GitHub
- 等待页面生效,如果还有错误,重复 2、3 步
是否你现在也是这样?如果我真的想写博客,阿 Q 精神告诉我这会像黑客一样写博客,很棒!但如果我很懒,我会觉得太麻烦了,我每天写那么多代码,回头还得像写代码一样写博客,心累。
想法变现
最初的想法是我能直接在网页上写博客,就像 Wordpress 博客一样,我不喜欢再去拉代码、改代码、提交代码了。
I don't like coding blog!
那么基于 Jekyll 的静态文件生成引擎,又部署在 GitHub 上,我该如何实现呢?有需求当然有对策了,O(∩_∩)O~
借着春节前几天闲暇,捣鼓了一个开源项目 -- Eevee,取名来自宠物小精灵中的一个精灵,希望她能为我变出一个在线编辑的功能。
经过迭代一的紧张编程,她的雏形已现。如果你很感兴趣,可以访问 Eevee Online 来试用。当然,她是纯前端的。她已然帮我完成了在线写 GitHub Pages 中博文的需求了。你是否也需要?是的话且看下面。
试用要求
- 你有一个名曰
username.github.io
的项目,在你的 GitHub 中。并且是一个 Jekyll 博客,在运行中哦。如果不知道如何创建这样的一个博客,可以参考:GitHub Pages - 你的 Jekyll 博客中,文章源文件存放在
_posts
文件夹中 - 如果你放心在你的浏览器中记录你的 GitHub 账号、密码,登录到 Eevee (她不会将你的隐私泄露给我,清空缓存就会消失的)
操作介绍:
我觉得不错,我自己的博客想要同样的功能
如果你也想要同样的功能,很简单:参考我的 Jekyll 主题 -- leafeon,或者 Fork 到你的项目中,即可。
参与开发
该项目基于 React + Ant Design + GitHub API 完成。如果你感兴趣,欢迎一起开发,给我提 MR 哦。本地调试方法:
- npm install
- npm run hot-dev-server
- npm run dev
更多内容详见 Readme。如果你发现 Bug 或者有更好的建议,欢迎给我提 Issues。如果你觉得我的这部分工作不错,欢迎捐赠,一杯咖啡可以让我更加有精神。