煜霸科技博客今日开通

今天，煜霸科技博客正式开通，欢迎大家访问。

以下是部分功能测试：

标题 (Headers)

source code

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

排版替换 (Typography Replacements)

source code

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test... test..... test?..... test!....

!!!!!! ???? ,, -- ---

"Smartypants, double quotes" and 'single quotes'

上标: 19^th^

下标: H~2~O

© © ® ® ™ ™ (p) (P) ±

test… test… test… test?.. test!..

!!! ??? , – —

“Smartypants, double quotes” and ‘single quotes’

上标: 19^th

下标: H₂O

强调 (Emphasis)

source code

**加粗**

_斜体_

~~删除线~~

<u>下划线</u>

加粗

斜体

删除线

下划线

引用 (Blockquotes)

source code

> Blockquotes can also be nested...
>
> > ...by using additional greater-than signs right next to each other...
> >
> > > ...or with spaces between arrows.

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

带有作者的引用 (Blockquotes with Authors)

source code

{% blockquote David Levithan, Wide Awake %}
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
{% endblockquote %}

Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.

David LevithanWide Awake

source code

{% blockquote @DevDocs https://twitter.com/devdocs/status/356095192085962752 %}
NEW: DevDocs now comes with syntax highlighting. http://devdocs.io
{% endblockquote %}

NEW: DevDocs now comes with syntax highlighting. http://devdocs.io

@DevDocstwitter.com/devdocs/status/356095192085962752

带有链接的引用 (Blockquotes with Links)

source code

{% blockquote Seth Godin http://sethgodin.typepad.com/seths_blog/2009/07/welcome-to-island-marketing.html Welcome to Island Marketing %}
Every interaction is both precious and an opportunity to delight.
{% endblockquote %}

Every interaction is both precious and an opportunity to delight.

Seth GodinWelcome to Island Marketing

内联 HTML (Inline HTML)

source code

<p align="center">居中</p>

<p align="right">右对齐</p>

<p align="justify">两端对齐</p>

<p align="left">左对齐</p>

<img src="/images/lake.png" alt="图片" />

<br />

<em>图片</em>

<br />

<strong>图片</strong>

<br />

<u>图片</u>

<br />

<a href="https://yuba.tech/">链接</a>

<br />

<code>行内代码</code>

<br />

<kbd>键盘</kbd>

<br />

<samp>输出</samp>

<br />

<var>变量</var>

<br />

<sub>下标</sub>

<br />

<sup>上标</sup>

<br />

<small>小字</small>

<br />

<mark>高亮</mark>

<br />

<del>删除线</del>

<br />

<ins>下划线</ins>

<br />

<abbr title="Abbreviation">缩写</abbr>

<br />

<cite>引用</cite>

<br />

<q>引用</q>

<br />

<dfn>定义</dfn>

<br />

<s>删除线</s>

居中

右对齐

两端对齐

左对齐

图片

图片

图片

链接

行内代码

键盘

输出

变量

_下标

^上标

小字

高亮

删除线

下划线

缩写

引用

引用

定义

删除线

分界线 (Horizontal Rules)

source code

---
---

---

---

列表 (Lists)

无序列表 (Unordered Lists)

source code

- Create a list by starting a line with `+`, `-`, or `*`
- Sub-lists are made by indenting 2 spaces:
  - Marker character change forces new list start:
    - Ac tristique libero volutpat at
    * Facilisis in pretium nisl aliquet
    - Nulla volutpat aliquam velit
- Very easy!

• Create a list by starting a line with +, -, or *
• Sub-lists are made by indenting 2 spaces:
  • Marker character change forces new list start:
    • Ac tristique libero volutpat at
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
• Very easy!

有序列表 (Ordered Lists)

source code

1. Lorem ipsum dolor sit amet
1. Consectetur adipiscing elit
1. Integer molestie lorem at massa
1. You can use sequential numbers...
1. ...or keep all the numbers as `1.`

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
4. You can use sequential numbers…
5. …or keep all the numbers as 1.

偏移量 (Offset)

source code

57. foo
1. bar

57. foo
58. bar

任务列表 (Task Lists)

source code

- [x] Write the press release
- [x] Update the website
- [ ] Contact the media

• Write the press release
• Update the website
• Contact the media

代码 (Code)

行内代码 (Inline Code)

source code

Execute `npm install` to install...

Execute npm install to install…

代码块 (Code Blocks)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hello,world!</title>
  </head>
  <body>
    <p>Hello,world!</p>
  </body>
</html>

缩进代码块(Intented Code Blocks)

source code

// Some comments
line 1 of code
line 2 of code
line 3 of code

// Some comments
line 1 of code
line 2 of code
line 3 of code

语法高亮 (Syntax Highlighting)

sample.js

const a = 1;
const b = 2;
const c = add(a, b);

function add(a, b) {
  return a + b;
}

window.onload = () => {
  console.log(c);
};

表格 (Tables)

source code

| 表头 1 | 表头 2 | 表头 3 |
| ------ | ------ | ------ |
| 内容 1 | 内容 2 | 内容 3 |
| 内容 4 | 内容 5 | 内容 6 |
| 内容 7 | 内容 8 | 内容 9 |

表头 1	表头 2	表头 3
内容 1	内容 2	内容 3
内容 4	内容 5	内容 6
内容 7	内容 8	内容 9

对齐 (Alignment)

source code

| 左对齐 | 居中对齐 | 右对齐 |
| :----- | :------: | -----: |
| 内容 1 |  内容 2  | 内容 3 |
| 内容 4 |  内容 5  | 内容 6 |
| 内容 7 |  内容 8  | 内容 9 |

左对齐	居中对齐	右对齐
内容 1	内容 2	内容 3
内容 4	内容 5	内容 6
内容 7	内容 8	内容 9

脚注 (Footnotes)

source code

Here's a simple footnote[^1] and here's a longer one[^bignote].

[^1]: This is the first footnote.
[^bignote]: Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    `{ my code }`

    Add as many paragraphs as you like.

Here’s a simple footnote^[1] and here’s a longer one^[2].

定义列表 (Definition Lists)

source code

Markdown
: Text-to-HTML conversion tool

Authors
: John
: Luke

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

链接 (Links)

source code

链接：[链接](https://yuba.tech/)

带有标题的链接：[链接](https://yuba.tech/ "链接")

[链接][id]

链接：链接

带有标题的链接：链接

链接

图片 (Images)

source code

图片：![图片](/images/logo.svg)

带有标题的图片：![图片](/images/logo.svg "图片")

![图片][id]

[id]: /images/logo.svg "图片"

图片：

带有标题的图片：

自动链接 (Automatic Links)

source code

https://yuba.tech/

https://yuba.tech/

Pull Quotes

source code

{% pullquote %}
content
{% endpullquote %}

content

jsFiddle（中国大陆无法访问）

source code

{% jsfiddle o2gxgz9r default light %}

Gist（中国大陆无法访问）

source code

{% gist b6365e79be6052e7531e7ba6ea8caf23 'Sample gist' %}

iFrame

source code

{% iframe https://www.bing.com %}

Link to open in new tab

source code

{% link Yuba Technology https://yuba.tech 煜霸科技 %}

Yuba Technology

Youtube（中国大陆无法访问）

source code

{% youtube l_lblj8Cq0o %}

---

1. This is the first footnote. ↩︎

2. Here’s one with multiple paragraphs and code.

   Indent paragraphs to include them in the footnote.

   { my code }

   Add as many paragraphs as you like. ↩︎