LoveIt/exampleSite/zh/content/posts/test.md

---
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: true
show_description: false

tags: []
categories: []

featured_image: ""
featured_image_preview: ""

comment: false
toc: true
autoCollapseToc: 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

{{< echarts height="500px" >}}
{
    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)'
                }
            }
        }
    ]
}
{{< /echarts >}}

## 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 Diagram

{{< diagram >}}
sequenceDiagram
    participant Alice
    participant Bob
    Alice->John: Hello John, how are you?
    loop Healthcheck
        John->John: Fight against hypochondria
    end
    Note right of John: Rational
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!
{{< /diagram >}}

## 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-right %}}

## Test Katex

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