---
author: ""
author_link: ""
title: "Test Page"
date: 2019-08-04T22:49:56+08:00
lastmod: 2019-08-17T22:41:56+08:00
draft: true
description: "This is a test page."
show_in_homepage: false
description_as_summary: false
license: ""

tags: [
    "Hugo",
    "主题",
]
categories: [
    "预览",
]

featured_image: ""
featured_image_preview: ""

comment: false
toc: true
auto_collapse_toc: true
math: true
dev: true
---

## This is a test page

Test all features in development[^link test].

[^link test]: https://www.google.com/

<!--more-->

## Test ECharts

{{< dev/echarts >}}
title : {
    text: '某站点用户访问来源',
    subtext: '纯属虚构',
    x:'center'
},
tooltip : {
    trigger: 'item',
    formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
    orient: 'vertical',
    left: 'left',
    data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
series : [
    {
        name: '访问来源',
        type: 'pie',
        radius : '55%',
        center: ['50%', '60%'],
        data:[
            {value:335, name:'直接访问'},
            {value:310, name:'邮件营销'},
            {value:234, name:'联盟广告'},
            {value:135, name:'视频广告'},
            {value:1548, name:'搜索引擎'}
        ],
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }
]
{{< /dev/echarts >}}

## Test Mermaid

{{< mermaid >}}
classDiagram
    Animal <|-- Duck
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
    Animal : +String gender
    Animal: +isMammal()
    Animal: +mate()
    class Duck{
        +String beakColor
        +swim()
        +quack()
    }
    class Fish{
        -int sizeInFeet
        -canEat()
    }
    class Zebra{
        +bool is_wild
        +run()
    }
{{< /mermaid >}}

## Test Ruby

人最重要的特点是会思考，建站初衷无非是保存思维的电子快照。
当然各种文档工具亦或是简单的文本编辑器也能随时记录点滴，
选择建个人网站无非是想满足 [技术爱好者]^(Technology enthusiast) 的偏执。

## Test Music

## Test Toc

Toc

### Toc1

Toc

#### Toc 1-1

Toc

#### Toc 1-2

Toc

#### Toc 1-3

Toc

### Toc2

Toc

#### Toc 2-1

Toc

#### Toc 2-2

Toc

### Toc3

Toc

## Test Table

| Tables        | Are           | Cool  |
| :------------ |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

## Test kbd

<kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd>

## Test Mixed Lists

Mixed Lists

- item 1
  * [X] item A
  * [ ] item B
    more text
    1. item a
    2. itemb
    3. item c
  * [X] item C
- item 2
- item 3

Really Mixed Lists

- item 1
  * [X] item A
  - item B
    more text
    1. item a
    + itemb
    + [ ] item c
  1. item C
1. item 2
- [X] item 3

## Test fa (Font Awesome)

:(fab fa-weixin fa-2x):

## Test Footnote

This is a footnote[^1]

[^1]: This is a footnote

## Test Admonition

{{% admonition quote %}}
biu biu biu.
{{% /admonition %}}

{{% admonition quote "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition example "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition bug "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition danger "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition failure "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition warning "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition question "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition success "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition tip "I'm title!" false %}}
biu biu biu.
{{% /admonition %}}

{{% admonition info "I'm title!" true %}}
**biu biu biu.**
{{% /admonition %}}

{{% admonition note "I'm title!" false %}}
**biu biu biu.**
{{% /admonition %}}

{{% admonition type="abstract" title="Test Admonition" %}}
This is a Admonition.
{{% /admonition %}}

## Test Highlight

`ls` 命令

```go
// You can edit this code!
// Click here and start typing.
package main

import "fmt"

func main() {
  fmt.Println("Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界", "Hello, 世界")
}
```

- This is a list that contains multiple code blocks.

  - Here is an indented block

    ```Code
    This will still be parsed
    as a normal indented code block.
    ```

  - Here is a fenced code block:

    ```Code
    This will still be parsed
    as a fenced code block.
    ```

    > ```Code
    > Blockquotes?
    > Not a problem!
    > ```

## Test Typeit

{{< typeit group="test" tag="h3" >}}
Here is a story about love...
{{< /typeit >}}

{{< typeit group="test" code="java" >}}
u.accepted(); // [2018/01/05](/since/) special
int a = 1;
{{< /typeit >}}

## Test Img

![Gif](https://static.dillonzq.com/images/20190817130904-U6cPUk.jpg "Title")

## Test Align

{{% align right %}}
**Test Text**
{{% /align %}}

## Test Katex

$$ c = \pm\sqrt{a^2 + b^2} $$

Left \\( c = \pm\sqrt{a^2 + b^2} \\) Right

Left $ c = \pm\sqrt{a^2 + b^2} $ Right

$ \ce{CO2 + C -> 2 CO} $

$ \ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-} $
