Prose——Github所见即所得站点编辑器

结合静态站点托管服务Github Pages与博客生成工具Jekyll，搭建博客站点，有着部署成本低、易于维护的特点。诚然，Jekyll可以与Github Pages无缝集成，专业人士通过pull request就可以发布内容，但不易用是其最大的问题。Prose是一个基于Github Pages的Jekyll内容编辑器，它的出现使得内容编辑更快、更方便。

\

开通Github Pages服务

\

从Github项目首页，点击进入后台管理页面

\

\

图1：Github项目管理后台入口^[1]

\

点击\"Automatic Page Generator\"按钮生成站点服务

\

\

 图2：Github项目页面生成器^[1]

\

使用Markdown标记语言编辑站点内容，点击\"Continue To Layouts\"按钮

\

\

 图3：Github项目页面预览^[1]

\

预览并发布

\

\

 图4：Github项目页面发布^[1]

\

到这里，一个Github站点就生成了：http://{accountName}.github.com/{projectName}

\

使用Prose所见即所得的编辑特性

\

尝试Prose非常简单，首先通过Github账户身份验证，便可以导航到相应的站点

\

\

 图5：Prose验证页面^[2]

\

着陆页会依次列举个人代码库（Repository）

\

\

 图6：Prose代码库列表^[2]

\

选中之前开通Github Pages服务的代码库，可以浏览相应的文件以及创建新的文本文件

\

\

 图7：Prose代码库内容列表^[2]

\

编辑内容的时候，Prose支持Markdown标签的高亮显示

\

\

 图8：Prose编辑器高亮特性^[2]

\

任意时刻，都可以点击\"Preview\"按钮预览当前编辑的内容

\

\

 图9：Prose编辑器预览特性^[2]

\

Prose附加特性

\

在菜单工具条点击\"M\"按钮，可以获取Markdown标签参考语法列表

\

\

\

 图10：Prose编辑器Markdown语法参考^[2]

\

在菜单沟工具条点击\"Metadata\"按钮，可以看到文档的元数据以YAML的格式展现

\

\

 图11：Prose编辑器元数据特性^[2]

\

\

Prose项目的架构特点与展望

\

Prose的架构实现是以Backbone与Jekyll为基础，应用托管在Github上，浏览器端直接与GitHub API交互。鉴于浏览器端无法直接与Github通过OAuth交互，服务器后端处理用户身份的验证，具体的实现可参照Gatekeeper。

\

感兴趣的读者朋友既可以选择Prose作为Github项目博客的内容编辑器，又可以参与Prose项目的建设（Prose完全基于BSD开源协议），搭建本地开发环境请参照http://prose.io/help/internals.html。

\

引用

\

[1] https://help.github.com/articles/creating-pages-with-the-automatic-generator

\

[2] http://developmentseed.org/blog/2012/june/25/prose-a-content-editor-for-github/