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 ...
随机推荐
- Flask入门1-HelloWorld
Flask是基于Python的轻量级Web开发框架,本文简述其构建web用用的基本步骤,以下内容默认开发环境为Ubuntu14.04. 本文参考Flask官方建教程翻译并整理:http://flask ...
- C++11 新特性： unordered_map 与 map 的对比
unordered_map和map类似,都是存储的key-value的值,可以通过key快速索引到value.不同的是unordered_map不会根据key的大小进行排序, 存储时是根据key的ha ...
- BZOJ1878: [SDOI2009]HH的项链[树状数组 离线]
1878: [SDOI2009]HH的项链 Time Limit: 4 Sec Memory Limit: 64 MBSubmit: 3486 Solved: 1738[Submit][Statu ...
- U3D-页游-检测机制-webplayer-调试方法
前言 页游目前有两个客户端入口: 网页端 (unity webplayer) 游戏微端 (unity standalone) 关于微端的技术,可参考我之前的文章: dotNet开发游戏微端 游戏微端的 ...
- DOCKER是什么，它解决了什么问题？（转）
Docker 虚拟机 1. docker与虚拟机性能比较 2. 如日中天的Docker解决了什么问题?
- 从梯度下降到Fista
前言: FISTA(A fast iterative shrinkage-thresholding algorithm)是一种快速的迭代阈值收缩算法(ISTA).FISTA和ISTA都是基于梯度下降的 ...
- 如何动态在文档中加入＜script＞＜/script＞写入大段js
<script language="javascript"> var script = document.createElement("script" ...
- 深入理解Java：类加载机制及反射
说明:本文乃学习整理参考而来. 一.Java类加载机制 1．概述 Class文件由类装载器装载后,在JVM中将形成一份描述Class结构的元信息对象,通过该元信息对象可以获知Class的结构信息:如构 ...
- 读深入了解c++内核对象模型小结(1/3/4)
之前早就听说这本书不错,如果想对c++进一步的了解可以看看,此书是进阶阶段参考,笔者自己看了书的第一.三.四章节,后面会继续. 第一章讲了c++的对象模型的引入,各种模型的对比和现在c++采 ...
- MYSQL导入，导出命令。
Windows下 命令速度远远快于客户端工具导库 导入SQL文件命令,D:\mysqlserver\bin>mysql -uroot -p e6wifi_content <C:/Users ...