Hexo | 常用指令&语法测试


Hexo常用指令

  • 启动服务器

    1
    hexo server
  • 清理缓存文件

    1
    hexo clean
  • 部署网站

    1
    hexo deploy
  • 生成静态文件

    1
    hexo generate
  • 显示Hexo版本

    1
    hexo version
  • 新建页面

    1
    hexo new page
  • 新建文章

    1
    hexo new post
  • 新建草稿

    1
    hexo publish draft 

Markdown语法测试

Markdown 是一种轻量级的「标记语言」

内置标签

  • 文本居中的引用

    人生乃是一面镜子,
    从镜子里认识自己。

1
2
<blockquote class="blockquote-center"><p>人生乃是一面镜子,<br>从镜子里认识自己。</p>
</blockquote>

label 标签

default primary success info warning danger

velit
esse

1
2
3
4
5
6
7
8
<span class="label default">default</span>
<span class="label primary">primary</span>
<span class="label success">success</span>
<span class="label info">info</span>
<span class="label warning">warning</span>
<span class="label danger">danger</span>
~~<span class="label default">velit</span>~~
<mark>esse</mark>

red
blue
yellow
green
purple

1
2
3
4
5
<span class="inline-span red">red</span>
<span class="inline-span blue">blue</span>
<span class="inline-span yellow">yellow</span>
<span class="inline-span green">green</span>
<span class="inline-span purple">purple</span>
边框带颜色的文本段落
1
2
3
4
<div class="div-border top-yellow">
位置可选: left | right | top
颜色可选: red | blue | yellow | green | purple
</div>

note 标签

default

primary

success

info

warning

danger

danger no-icon

tabs 标签

This is Tab 1. 读书

This is Tab 2. 读书

This is Tab 3. 读书

1
<div class="tabs" id="sixth-unique-name"><ul class="nav-tabs"><li class="tab active"><a href="#sixth-unique-name-1"><i class="fa fa-text-width""></i>Solution 1</a></li><li class="tab"><a href="#sixth-unique-name-2"><i class="fa fa-amazon""></i>Solution 2</a></li><li class="tab"><a href="#sixth-unique-name-3"><i class="fa fa-bold""></i>Solution 3</a></li></ul><div class="tab-content"><div class="tab-pane active" id="sixth-unique-name-1"><p><strong>This is Tab 1.</strong> 读书</p></div><div class="tab-pane" id="sixth-unique-name-2"><p><strong>This is Tab 2.</strong> 读书</p></div><div class="tab-pane" id="sixth-unique-name-3"><p><strong>This is Tab 3.</strong> 读书</p></div></div></div>

图标样式

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

采用 Font Awesome图标

自带样式

点击下载百度
1
<a class="btn" href="https://www.baidu.com"><i class="fa fa-download fa-lg fa-fw"></i>点击下载百度</a>
Text & Icon Text
1
2
3
<a class="btn" href="#"><i class="fa fa-home fa-fw"></i>Text & Icon</a>
<a class="btn" href="#" title="Title"><i class="fa fa-home"></i></a>
<a class="btn" href="#">Text</a>


1
2
3
<div class="text-center"><span><a class="btn" href="#"><i class="fa fa-header"></i></a><a class="btn" href="#"><i class="fa fa-edge"></i></a><a class="btn" href="#"><i class="fa fa-times"></i></a><a class="btn" href="#"><i class="fa fa-circle-o"></i></a></span>
<span><a class="btn" href="#"><i class="fa fa-italic"></i></a><a class="btn" href="#"><i class="fa fa-scribd"></i></a></span>
<span><a class="btn" href="#"><i class="fa fa-google"></i></a><a class="btn" href="#"><i class="fa fa-chrome"></i></a><a class="btn" href="#"><i class="fa fa-opera"></i></a><a class="btn" href="#"><i class="fa fa-diamond fa-rotate-270"></i></a></span></div>
1
<div class="text-center"><a class="btn" href="#"><i class="fa fa-adn fa-fw fa-lg"></i>Almost</a> <a class="btn" href="#"><i class="fa fa-terminal fa-fw fa-lg"></i>Over</a></div>
1
2
3
<div class="text-right">
<a class="btn" href="#" title="Button tag test is finished."><i class="fa fa-check fa-fw fa-lg"></i>Test is finished.</a>
</div>

Bert Liu wechat
扫一扫微信二维码,与博主联系!
您的支持将鼓励我继续创作
0%
+