feat: update style and exampleSite files

2019-08-27 01:15:00 +08:00
parent 45c9281131
commit 42d50ae53c
58 changed files with 477 additions and 257 deletions
--- a/exampleSite/content/about.md
+++ b/exampleSite/content/about.md
@@ -12,23 +12,35 @@ It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) a

 ### Features

+#### Performance and SEO
+
 * :(fas fa-rocket): Optimized for performance: 99/100 on mobile and 100/100 on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
-* :(fas fa-desktop): / :(fas fa-mobile): layouts support
-* :(fas fa-moon): / :(fas fa-sun): mode
 * :(fab fa-searchengin): Optimized SEO performance with a correct SEO SCHEMA based on JSON-LD
-* :(fas fa-layer-group): A More coerent style beetwen page and sections
-* :(fas fa-language): Multilanguage support and I18N ready
-* :(fas fa-ellipsis-h): Pagination support
 * :(fab fa-google): [Google Analytics](https://analytics.google.com/analytics) support
-* :(far fa-comment): Disqus comment system support by [Disqus](https://disqus.com)
-* :(far fa-comment-dots): Gitalk comment system support by [Gitalk](https://github.com/gitalk/gitalk)
-* :(far fa-comment-alt): Valine comment system support by [Valine](https://valine.js.org/)
+* :(fas fa-search): Search engine verification support (Google, Bind, Yandex and Baidu)
+* :(fas fa-tachometer-alt): CDN support
+* :(far fa-images): Automatically converted images with Lazy Load by [lazysizes](https://github.com/aFarkas/lazysizes)
+
+#### Appearance and Layout
+
+* :(fas fa-desktop): / :(fas fa-mobile): Responsive layout
+* :(fas fa-moon): / :(fas fa-sun): Mode
+* :(fas fa-layer-group): A More coerent style beetwen page and sections
+* :(fas fa-ellipsis-h): Pagination support
+* :(fas fa-language): Multilanguage support and I18N ready
+
+#### Social and Comment Systems
+
 * :(far fa-user): Gravatar support by [Gravatar](https://gravatar.com)
 * :(fas fa-user-circle): Local Avatar support
 * :(far fa-id-card): Up to 54 social sites supported
 * :(fas fa-share-square): Share post support
-* :(fas fa-search): Search engine verification support (Google, Bind, Yandex and Baidu)
-* :(far fa-images): Automatically converted images with Lazy Load by [lazysizes](https://github.com/aFarkas/lazysizes)
+* :(far fa-comment): Disqus comment system support by [Disqus](https://disqus.com)
+* :(far fa-comment-dots): Gitalk comment system support by [Gitalk](https://github.com/gitalk/gitalk)
+* :(far fa-comment-alt): Valine comment system support by [Valine](https://valine.js.org/)
+
+#### Extended Features
+
 * :(fas fa-code): Automatically highlighting code by chroma in Hugo
 * :(fab fa-font-awesome): Extended markdown syntax for [Font Awesome](https://fontawesome.com/) icons
 * :(fas fa-square-root-alt): Math formula support by [Katex](https://katex.org/)
@@ -40,12 +52,13 @@ It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) a
 * :(fas fa-i-cursor): Animated typing support by [TypeIt](https://typeitjs.com/)
 * :(far fa-clock): Animated coutdown support by [jQuery.countdown](https://github.com/hilios/jQuery.countdown)
 * :(fas fa-arrow-up): Dynamic to top support by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
-* :(fas fa-tachometer-alt): CDN support
 * ...

 ### License

-LoveIt is licensed under the MIT license. Check the [LICENSE file](https://github.com/dillonzq/LoveIt/blob/master/LICENSE) for details.
+LoveIt is licensed under the MIT license.
+
+Check the [LICENSE file](https://github.com/dillonzq/LoveIt/blob/master/LICENSE) for details.

 Thanks to the authors of following resources included in the theme:

--- a/exampleSite/content/posts/test.md
+++ b/exampleSite/content/posts/test.md
@@ -0,0 +1,258 @@
+---
+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
+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]: http://www.google.com/
+
+<!--more-->
+
+## Test 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](http://pvuonn2xy.bkt.clouddn.com/uploads/2019-08-08%2013:59:32-2019-08-08%2013.56.05.gif "Title")
+
+## Test Align
+
+{{% align-right %}}
+**Test Text**
+{{% /align-right %}}
+
+## Test Katex
+
+$$ c = \pm\sqrt{a^2 + b^2} $$