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

  • 2012-07-07
  • 本文字数:949 字

    阅读完需:约 3 分钟

结合静态站点托管服务 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/