Author: XuGaoYang

使用说明与示例

这是一套适合显示中文文章的CSS,适合直接使用 markdown写文章的项目。

使用说明

首先在head中引用 chinese-article.css

<link rel="stylesheet" href="./public/css/chinese-article.css"/> 

之后需要在文章的最外层div标签引入class

<div class="chinese-article">
  //文章内容
</div>

如果要显示代码样式,引入下列样式

<link rel="stylesheet" href="./public/css/github-gist.css"/>
<script src="./public/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();<script>

样式一览

标题

这是h4

这是h5
这是h6

链接

这是a链接

字体

这是斜体 这是粗体 这是斜的粗体

图片

列表

  • 列表1列表1列表1
  • 列表2列表2
  • 列表3
  1. 列表1列表1列表1
  2. 列表2列表2
  3. 列表3

引用

当您在使用gulp构建您的项目时,您只需要 require Browsersync 模块, 利用API 并进行 选项配置。 以下在 Bootstrap 2 中,我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中,我们重写了整个框架,使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式,而是直接融合进了框架的内核中。也就是说,Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落,而不是增加一个额外的文件。

表格

First Name Last Name Username
Mark Otto @mdl
Jacob Thornton @fat
Larry the Bird @twitter

分割线


代码

var x = 1;
var y = 2;
var z = x + y;

Author: XuGaoYang