Fork me on GitHub
pikachu's Blog

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.
—— 沃·兹基硕德

1
2
3
4
{% 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

1
2
3
4
<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.
1
2
3
4
5
6
- <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>

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

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

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

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

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

文字增加背景色块

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

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

引用边框变色

我要变色


我要变色


我要变色


我要变色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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>

英文圈起来的样式

圈圈圆圆

1
`圈圈圆圆`

插入代码

1
2
3
4
5
6
7
8
9
10
11
12
13
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); //加载后移除按钮
}
}
}
1
使用```(结尾还有一个)javascript

图片


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

代码高亮

Hello World示例这是链接
1
2
3
4
	public static void main(String[] args) {
+ System.out.println("Hello World!");
- System.out.println("Hello World!");
}

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

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

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

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

链接

https://hitcxy.com

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

无序列表

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

链接+列表

  • 百度提交入口
  • Google提交入口
  • 360提交入口
    1
    2
    3
    * ***[百度提交入口](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)***

斜体

你看我斜不斜

1
*你看我斜不斜*

强调

你看我重不重要

1
**你看我重不重要**

参考

参考
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/

1
2
3
> **参考**
> ***[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/)***

好看的符号

「啦啦啦」
就像这样↓

---------------- The End ----------------
谢谢大爷~

Author:pikachu
Link:https://hitcxy.com/2019/Hello-World/
Contact:hitcxy.cn@gmail.com
本文基于 知识共享署名-相同方式共享 4.0 国际许可协议发布
转载请注明出处,谢谢!