HTML 5 代码
<!DOCTYPE html>
<html lang="zh-CN"> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网</title> <meta name="description" content="Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。">
<meta name="keywords" content="Gulp.js,Gulp,Node.js,Node,JavaScript,CoffeeScript,Grunt,Gruntjs,Stream，流,自动化,Make">
<meta name="author" content="gulp.js 中文网">
<link rel="icon" href="favicon.ico"> <!-- Bootstrap core CSS -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/highlight.js/8.4/styles/monokai_sublime.min.css"> <!-- Custom styles for this template -->
<link rel="stylesheet" href="css/style.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head> <body> <nav class="navbar navbar-inverse navbar-fixed-top site-navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./">Gulp 中文网</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="./">首页</a>
</li>
<li><a href="docs/">中文文档</a>
</li>
<li><a href="docs/getting-started/">入门指南</a>
</li>
<li><a href="docs/api/">API</a>
</li>
<li><a href="docs/writing-a-plugin/">插件开发</a>
</li>
<li><a href="docs/faq/">常见问题</a>
</li>
<li><a href="docs/recipes/">使用技巧</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav> <!-- Jumbotron -->
<header class="jumbotron">
<img class="hidden" src="img/gulp.png" width="800" height="600">
<h1><span class="text-hide">Gulp.js<span><img class="logo" src="img/gulp-white-text.svg"></span></span></h1>
<p class="lead">用自动化构建工具增强你的工作流程！</p>
<p><a class="btn btn-lg btn-default btn-getting-started" href="docs/getting-started/" role="button">开始使用</a>
</p>
</header> <main class="benefits container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-6">
<h2>易于使用</h2>
<p>通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。</p>
</div>
<div class="col-md-6">
<h2>构建快速</h2>
<p>利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h2>插件高质</h2>
<p>Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。</p>
</div>
<div class="col-md-6">
<h2>易于学习</h2>
<p>通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。</p>
</div>
</div>
</main> <!-- Site footer -->
<footer class="footer">
<div class="container">
<p>© Gulp 中文网 2015</p>
<p><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11008151号</a> | 京公网安备11010802014853</p>
</div>
</footer> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/ie10-viewport-bug-workaround.js"></script>
<script src="http://cdn.bootcss.com/highlight.js/8.4/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
</script>
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="js/site.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3d8e7fc0de8a2a75f2ca3bfe128e6391' type='text/javascript'%3E%3C/script%3E"));
</script>
</body> </html>
/*
* Override Bootstrap's default container.
*/
body {
font-family: "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif";
font-weight: normal;
padding-top: 50px;
}
a {
color: #cf4646;
}
a:hover,
a:focus {
color: #A62C2C;
}
pre {
border: none;
background-color: transparent;
}
.jumbotron {
text-align: center;
background-color: #cf4646;
color: #fff;
}
.jumbotron .lead em {
display: none;
}
.jumbotron .logo {
width: 100%;
max-width: 200px;
}
.jumbotron .btn-getting-started {
color: #efbfbf;
border: none;
box-shadow: inset 0 0 0 2px #efbfbf;
border-radius: 2px;
background-color: transparent;
margin-top: 26px;
}
.jumbotron .btn-getting-started:hover,
.jumbotron .btn-getting-started:active {
color: #fff;
box-shadow: inset 0 0 0 2px #fff;
background-color: transparent;
}
@media (min-width: 768px) {
.site-navbar .navbar-nav {
float: right!important;
}
}
.navbar-inverse {
background-color: #cf4646;
border-color: transparent;
}
.navbar-inverse .navbar-brand {
color: #efefef;
}
.navbar-inverse .navbar-nav > li > a {
color: #e8e8e8;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #CA3131;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
}
.footer {
margin-top: 60px;
text-align: center;
color: #aaa;
}
.footer a {
color: inherit;
}
.footer a:hover {
text-decoration: none;
color: inherit;
}
.docs-wrapper {
margin-top: 30px;
}
.benefits h2 {
margin-top: 40px;
}
.benefits p {
font-size: 18px;
}
.markdown-body {
font-size: 16px;
line-height: 1.8;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 1.2em;
margin-bottom: 0.6em;
line-height: 1.35;
}
.markdown-body h6,
.markdown-body h5 {
font-size: 18px;
}
.markdown-body p,
.markdown-body pre,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body form,
.markdown-body hr,
.markdown-body table,
.markdown-body blockquote {
margin-bottom: 1.2em;
}
.markdown-body img {
display: block;
max-width: 100%;
height: auto;
}
.markdown-body a {
text-decoration: underline;
}
.markdown-body a:hover {
text-decoration: underline;
}
.markdown-body blockquote {
margin: 1em 0 1em 0;
padding: 0 0 0 1.6em;
}
.markdown-body blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size: 0.9em;
}
.markdown-body pre {
font-size: 14px;
border: none;
border-radius:;
}
.markdown-body hr {
border-top: 1px solid #e5e5e5;
}
.markdown-body li ul,
.markdown-body li ol {
margin-bottom: 0.8em;
}
HTML 5 代码的更多相关文章
- 日期格式代码出现两次的错误 ORA-01810
错误的原因是使用了两次MM . 一.Oracle中使用to_date()时格式化日期需要注意格式码 如:select to_date('2005-01-01 11:11:21','yyyy-MM-dd ...
- 可爱的豆子——使用Beans思想让Python代码更易维护
title: 可爱的豆子--使用Beans思想让Python代码更易维护 toc: false comments: true date: 2016-06-19 21:43:33 tags: [Pyth ...
- iOS代码规范（OC和Swift）
下面说下iOS的代码规范问题,如果大家觉得还不错,可以直接用到项目中,有不同意见 可以在下面讨论下. 相信很多人工作中最烦的就是代码不规范,命名不规范,曾经见过一个VC里有3个按钮被命名为button ...
- Jquery的点击事件，三句代码完成全选事件
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- redux-amrc：用更少的代码发起异步 action
很多人说 Redux 代码多,开发效率低.其实 Redux 是可以灵活使用以及拓展的,经过充分定制的 Redux 其实写不了几行代码.今天先介绍一个很好用的 Redux 拓展-- redux-amrc ...
- 编写高质量代码:改善Java程序的151个建议(第5章:数组和集合___建议75~78)
建议75:集合中的元素必须做到compareTo和equals同步 实现了Comparable接口的元素就可以排序,compareTo方法是Comparable接口要求必须实现的,它与equals方法 ...
- 使用 .NET WinForm 开发所见即所得的 IDE 开发环境，实现不写代码直接生成应用程序
直接切入正题,这是我09年到11年左右业余时间编写的项目,最初的想法很简单,做一个能拖拖拽拽就直接生成应用程序的工具,不用写代码,把能想到的业务操作全部封装起来,通过配置的方式把这些业务操作组织起来运 ...
- jsp前端实现分页代码
前端需要订一page类包装,其参数为 private Integer pageSize=10; //每页记录条数=10 private Integer totalCount; //总记录条数 priv ...
- 【开源】简单4步搞定QQ登录，无需什么代码功底【无语言界限】
说17号发超简单的教程就17号,qq核审通过后就封装了这个,现在放出来~~ 这个是我封装的一个开源项目:https://github.com/dunitian/LoTQQLogin ————————— ...
- 【.net 深呼吸】限制执行代码的权限
前面好几篇文章,老周都跟大伙伴们聊了跟应用程序域有关的话题,干脆咱们一聊到底吧,做学问就应该这样,有恒心. App Domain的创建新应用程序域的方法中,有一个特殊的重载: public stati ...
随机推荐
- codevs2178 表达式运算Cuties[笛卡尔树]
2178 表达式运算Cuties 时间限制: 1 s 空间限制: 32000 KB 题目等级 : 大师 Master 题解 查看运行结果 题目描述 Description 给出一个表达 ...
- angular的跨域（angular百度下拉提示模拟）和angular选项卡
1.angular中$http的服务: $http.get(url,{params:{参数}}).success().error(); $http.post(url,{params:{参数}}).su ...
- Log4j简单学习笔记
log4j结构图: 结构图展现出了log4j的主结构.logger:表示记录器,即数据来源:appender:输出源,即输出方式(如:控制台.文件...)layout:输出布局 Logger机滤器:常 ...
- vtk工作流
要理解VTK的工作原理,首先应明确几个类型: 1.vtkSource(数据源) 这个就好比一个剧本里面的角色,让演员知道要演的是什么人物. 数据源有:vtkConeSource,vtkSphere ...
- OrcharNoCMS中的发布订阅使用
对于Orchard里面的EventBus,没有太多的文章去介绍说明.它最好的应用是发布订阅的应用. 使用介绍: 在Car模块中,我们定义一个接口,继承IEventHandler接口. 当我们在创建一条 ...
- 一种全新的屏幕适配方法 自动百分比适配 一切px说了算
看hongyang的博客 发现他的一个按百分比适配的方案 : 库地址https://github.com/hongyangAndroid/AndroidAutoLayout 博客地址http://bl ...
- 【原】python中文文本挖掘资料集合
这些网址是我在学习python中文文本挖掘时觉得比较好的网站,记录一下,后期也会不定期添加: 1.http://www.52nlp.cn/python-%E7%BD%91%E9%A1%B5%E7% ...
- Spark在Ubuntu中搭建开发环境
一.在Windows7中安装Ubuntu双系统 工具/原料 windows7 64位 ubuntu 16.04 32位 UltraISO最新版(用来将镜像文件烤到U盘中) 空U盘(若有文件,请先备 ...
- vue 配置文件详解
var path = require('path'); // NodeJS中的Path对象,用于处理目录的对象,提高开发效率. // 模块导入 module.exports = { // 入口文件地址 ...
- python使用uuid库生成唯一id
概述: UUID是128位的全局唯一标识符,通常由32字节的字符串表示. 它可以保证时间和空间的唯一性,也称为GUID,全称为: UUID -- Universally Unique IDentifi ...