设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

前端之美:GitHub前端工具整理汇总

2014-1-23 21:29| 发布者: 红黑魂| 查看: 2628| 评论: 0|来自: 伯乐在线

摘要: 来源:SoimortGitHub在前端用到的一系列工具基本上都是开源的。现简单地整理如下。1. HTML / CSS / JavaScript1.1. HTML模板GitHub的标记 模板风格指南:https://github.com/styleguide/templates1.2. 样式 CSSGit ...

来源:Soimort

前端之美——GitHub前端工具链整理汇总

GitHub在前端用到的一系列工具基本上都是开源的。现简单地整理如下。

1. HTML / CSS / JavaScript

1.1. HTML模板

GitHub的标记 & 模板风格指南:https://github.com/styleguide/templates

1.2. 样式 & CSS

GitHub使用的CSS替代品是

采用文档框架

GitHub的样式 & CSS风格指南:https://github.com/styleguide/css

1.3. 行为 & JavaScript

GitHub使用的JavaScript替代品是

GitHub的行为 & JavaScript风格指南:https://github.com/styleguide/javascript

2. GitHub Flavored Markdown和渲染引擎

GitHub使用的Markdown是对原标准的一个扩展集:

支持GitHub Flavored Markdown的渲染引擎:

RedCarpet的核心库是用C实现的,叫做Sundown(RedCarpet是Sundown的Ruby wrapper):

Sundown项目已经中止开发。GitHub正在计划与Reddit、StackOverflow、Meteor协作开发一个统一的Markdown标准,以及一个相应的轻量级、快速的、高安全性的渲染引擎。发布时间预期为去年年底(或者今年年底?)。关于该替代品的开发状况,目前尚无可靠消息得以确认。

3. 标记语言渲染框架

GitHub用来渲染各种文本标记语言的框架(支持多种主流的轻量级标记语言,如Markdown、Textile、RDoc、Org mode、reStructuredText、AsciiDoc等,依赖于具体的引擎来完成。例如对Markdown的渲染依赖于RedCarpet):

4. 代码高亮渲染

基于Python的代码高亮工具Pygments的一个Ruby wrapper:

取代了原来的Albinohttps://github.com/github/albino

5. 语言识别

GitHub用它来识别代码库中的语言(属于何种程序语言 或 文本标记语言):

这个库也决定了GitHub的Top Languages页面中哪些编程语言将会被展示出来。

对于程序语言,GitHub将调用Pygments.rb对代码进行高亮处理;

对于文本标记语言,GitHub将把文件交由GitHub-Markup进行渲染。

6. 在线编辑器

在线代码编辑功能使用的是Ace(Ajax.org Cloud9 Editor)。这是一个非GitHub项目:

7. 基于Git的Wiki框架

用于托管GitHub的项目Wiki:

8. 数据可视化框架

用于渲染Contribution graphs / Network graphs等页面的可视化效果:

9. GitHub Pages / 静态网站生成器

GitHub Pages托管服务使用的静态网站生成器:

(Jekyll并非GitHub的官方项目,没有使用GitHub-Markup作为其渲染框架。在最近的版本中才开始支持使用RedCarpet作为其Markdown引擎。)

10. 绘文字 

GitHub官方指定绘文字表情(详细列表参见http://www.emoji-cheat-sheet.com/):

(这一套通用的绘文字同时也被Campfire和Trac等支持。)


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部