在线编辑你的 Jekyll 博客文章

HomeJekyll在线编辑你的 Jekyll 博客文章

基于 GitHub Pages 的 Jekyll 博客,让在线编辑博客文章不再是梦想。

缘起

我发现很多喜欢写博客的人,还是会采用 GitHub Pages 来搭建自己的个人网站,这个需求从 2013 年至今不减。并且有很多人来咨询关于 Jekyll 博客的相关知识。

回顾下为什么 Jekyll 这样的小众静态文件生成器会受到人们的喜爱,有一个原因是因为它本身很简单,易学易用。门槛低 -- 在最初的时候,你可能需要花点时间在学习 Jekyll 语法上,并且搭建出自己喜欢的博客。如果没有大的需求,基本就是剩下写 Markdown 文件的博文了。而最后 GitHub Pages 会为你部署和提供访问服务。

最初我也是这个想法。

但是后来,因为每次写博客的时候需要执行几个步骤:

  1. 更新本地的代码(其实是为了更新文章)
  2. 编辑器打开 Project,开始新建一个 Markdown 文件,噼里啪啦写完一篇文章
  3. 使用 Git 更新到 GitHub
  4. 等待页面生效,如果还有错误,重复 2、3 步

是否你现在也是这样?如果我真的想写博客,阿 Q 精神告诉我这会像黑客一样写博客,很棒!但如果我很懒,我会觉得太麻烦了,我每天写那么多代码,回头还得像写代码一样写博客,心累。


想法变现

最初的想法是我能直接在网页上写博客,就像 Wordpress 博客一样,我不喜欢再去拉代码、改代码、提交代码了。

I don't like coding blog!

那么基于 Jekyll 的静态文件生成引擎,又部署在 GitHub 上,我该如何实现呢?有需求当然有对策了,O(∩_∩)O~

借着春节前几天闲暇,捣鼓了一个开源项目 -- Eevee,取名来自宠物小精灵中的一个精灵,希望她能为我变出一个在线编辑的功能。

eevee

经过迭代一的紧张编程,她的雏形已现。如果你很感兴趣,可以访问 Eevee Online 来试用。当然,她是纯前端的。她已然帮我完成了在线写 GitHub Pages 中博文的需求了。你是否也需要?是的话且看下面。

马上试用


试用要求

eevee

  1. 你有一个名曰 username.github.io 的项目,在你的 GitHub 中。并且是一个 Jekyll 博客,在运行中哦。如果不知道如何创建这样的一个博客,可以参考:GitHub Pages
  2. 你的 Jekyll 博客中,文章源文件存放在 _posts 文件夹中
  3. 如果你放心在你的浏览器中记录你的 GitHub 账号、密码,登录到 Eevee (她不会将你的隐私泄露给我,清空缓存就会消失的)

操作介绍:

我觉得不错,我自己的博客想要同样的功能

如果你也想要同样的功能,很简单:参考我的 Jekyll 主题 -- leafeon,或者 Fork 到你的项目中,即可。


参与开发

该项目基于 React + Ant Design + GitHub API 完成。如果你感兴趣,欢迎一起开发,给我提 MR 哦。本地调试方法:

  • npm install
  • npm run hot-dev-server
  • npm run dev

更多内容详见 Readme。如果你发现 Bug 或者有更好的建议,欢迎给我提 Issues。如果你觉得我的这部分工作不错,欢迎捐赠,一杯咖啡可以让我更加有精神。

  • 作者「」于 更新本文
  • 文章声明:自由转载-非商用-非衍生-保持署名 | BY-NC-SA
← 一个内容聚合展现工具
  • 获取每日の能量源
  • ATP