Start My Blog Trip

前言
介绍Grammar及其Style

名言

Life is a generic method like [ public Life doSomething(T t){} ],T is the part of life that requires you to play in a period of time,and the method will return a life you expect if you to be T.
—— 沃·兹基硕德

{% centerquote %}
Life is a generic method like [ public <T> Life doSomething(T t){} ],T is the part of life that requires you to play in a period of time,and the method will return a life you expect if you to be T.
									—— ***沃·兹基硕德***
{% endcenterquote %}

下载图形边框

Download Now

<a id="download" href="https://git-scm.com/download/win">
    <i class="fa fa-download"></i>
    <span> Download Now</span>
</a>

在文档中增加图标

• 支持Markdown
  Hexo 支持 GitHub Flavored Markdown 的所有功能, 甚至可以整合 Octopress 的大多数插件.
• 一键部署
  只需一条指令即可部署到Github Pages, 或其他网站
• 丰富的插件
  Hexo 拥有强大的插件系统, 安装插件可以让 Hexo 支持 Jade, CoffeeScript.

- <i class="fa fa-pencil"></i>支持Markdown
<i>Hexo 支持 GitHub Flavored Markdown 的所有功能, 甚至可以整合 Octopress 的大多数插件. </i>
- <i class="fa fa-cloud-upload"></i>一键部署
<i>只需一条指令即可部署到Github Pages, 或其他网站</i>
- <i class="fa fa-cog"></i>丰富的插件
<i>Hexo 拥有强大的插件系统, 安装插件可以让 Hexo 支持 Jade, CoffeeScript. </i>

<i class="fa fa-github"></i>

<i class="fa fa-github"></i>`<i class="fa fa-github"></i>`

<i class="fa fa-github fa-lg"></i>

<i class="fa fa-github fa-lg"></i>`<i class="fa fa-github fa-lg"></i>`

<i class="fa fa-github fa-2x"></i>

<i class="fa fa-github fa-2x"></i>`<i class="fa fa-github fa-2x"></i>`

文字增加背景色块

站点配置文件 , 主题配置文件

<span id="inline-blue">站点配置文件</span>,
<span id="inline-purple">主题配置文件</span>
<span id="inline-green">站点配置文件</span>,
<span id="inline-yellow">主题配置文件</span>

引用边框变色

我要变色

我要变色

我要变色

我要变色

<p id="div-border-top-red">我要变色</p>
<p id="div-border-top-yellow">我要变色</p>
<p id="div-border-top-green">我要变色</p>
<p id="div-border-top-blue">我要变色</p>
<p id="div-border-top-purple">我要变色</p>
<p id="div-border-left-red">我要变色</p>
<p id="div-border-left-yellow">我要变色</p>
<p id="div-border-left-green">我要变色</p>
<p id="div-border-left-blue">我要变色</p>
<p id="div-border-left-purple">我要变色</p>
<p id="div-border-right-red">我要变色</p>
<p id="div-border-right-yellow">我要变色</p>
<p id="div-border-right-green">我要变色</p>
<p id="div-border-right-blue">我要变色</p>
<p id="div-border-right-purple">我要变色</p>

英文圈起来的样式

圈圈圆圆

`圈圈圆圆`

插入代码

var disqus = {
  load : function disqus(){
      if(typeof DISQUS !== 'object') {
        (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
        $('#load-disqus').html("评论加载中, 请确保你有梯子, 若评论长时间未加载则你可能翻墙失败...").fadeOut(9000); //加载后移除按钮
      }
  }
}

使用```（结尾还有一个）javascript

图片

![](https://blog-1252762426.cos.ap-beijing.myqcloud.com/blog/Hello-World/header_background.jpg)

代码高亮

Hello World示例这是链接

	public static void main(String[] args) {
+		System.out.println("Hello World!");
-		System.out.println("Hello World!");
	}

正确姿势, 代码片段开头:

[language] [title] [url] [link-text]

• [language] 是代码语言的名称, 用来设置代码块颜色高亮, 非必须；
• [title] 是顶部左边的说明, 非必须；
• [url] 是顶部右边的超链接地址, 非必须；
• [link text] 如它的字面意思, 超链接的名称, 非必须.

这 4 项应该是根据空格来分隔, 而不是[], 故请不要加[]. 除非如果你想写后面两个, 但不想写前面两个, 那么就必须加[]了, 要这样写: [] [] [url] [link text].

链接

https://hitcxy.com

[https://hitcxy.com](https://hitcxy.com)

无序列表

• 没有顺序1
• 没有顺序2
• 没有顺序3

  - 没有顺序1
  - 没有顺序2
  - 没有顺序3

链接+列表

• 百度提交入口
• Google提交入口
• 360提交入口

  * ***[百度提交入口](http://zhanzhang.baidu.com/linksubmit/url)***
  * ***[Google提交入口](https://www.google.com/webmasters/tools/home?hl=zh-CN)***
  * ***[360提交入口](http://info.so.360.cn/site_submit.html)***

斜体

你看我斜不斜

*你看我斜不斜*

强调

你看我重不重要

**你看我重不重要**

参考

参考
http://codepub.cn/2015/04/06/Github-Pages-personal-blog-from-Octopress-to-Hexo/
http://codepub.cn/2016/03/20/Hexo-blog-theme-switching-from-Jacman-to-NexT-Mist/

> **参考**
> ***[http://codepub.cn/2015/04/06/Github-Pages-personal-blog-from-Octopress-to-Hexo/](http://codepub.cn/2015/04/06/Github-Pages-personal-blog-from-Octopress-to-Hexo/)***
> ***[http://codepub.cn/2016/03/20/Hexo-blog-theme-switching-from-Jacman-to-NexT-Mist/](http://codepub.cn/2016/03/20/Hexo-blog-theme-switching-from-Jacman-to-NexT-Mist/)***

好看的符号

「啦啦啦」
就像这样↓