chore: add new example posts

_posts/2017-12-04-plantuml-example.md

@@ -0,0 +1,72 @@
+---
+layout: post
+title: Plantuml example
+categories: example
+tags: [plantuml]
+---
+
+## My First PlantUML
+
+`` ini
+aaa = 123
+````
+``
+
+
+### PlantUML Block-1
+@startuml
+Bob -> Alice : hello
+@enduml
+
+
+### PlantUML Block-2
+``` plantuml
+Bob -> Alice : hello world
+```
+
+
+### PlantUML Block-3
+@startuml
+(*) --> "Initialization"
+
+if "Some Test" then
+  -->[true] "Some Activity"
+  --> "Another activity"
+  -right-> (*)
+else
+  ->[false] "Something else"
+  -->[Ending process] (*)
+endif
+@enduml
+
+
+### PlantUML Block-4
+
+@startuml
+skinparam handwritten true
+
+skinparam usecase {
+	BackgroundColor DarkSeaGreen
+	BorderColor DarkSlateGray
+
+	BackgroundColor<< Main >> YellowGreen
+	BorderColor<< Main >> YellowGreen
+	
+	ArrowColor Olive
+	ActorBorderColor black
+	ActorFontName Courier
+
+	ActorBackgroundColor<< Human >> Gold
+}
+
+User << Human >>
+:Main Database: as MySql << Application >>
+(Start) << One Shot >>
+(Use the application) as (Use) << Main >>
+
+User -> (Start)
+User --> (Use)
+
+MySql --> (Use)
+
+@enduml

_posts/2017-12-15-table-example.md

@@ -0,0 +1,91 @@
+---
+layout: post
+title: Table example
+subtitle:
+categories: example
+tags: [table]
+---
+
+## Table example as below
+
+**For now, these extended features are provided:**
+
+* Cells spanning multiple columns
+* Cells spanning multiple rows
+* Cells text align separately
+* Table header not required
+* Grouped table header rows or data rows
+
+
+### Rowspan and Colspan
+^^ in a cell indicates it should be merged with the cell above.  
+This feature is contributed by [pmccloghrylaing](https://github.com/pmccloghrylaing).  
+
+| Stage | Direct Products | ATP Yields |
+| ----: | --------------: | ---------: |
+|Glycolysis | 2 ATP                   ||
+|^^         | 2 NADH      | 3--5 ATP   |
+|Pyruvaye oxidation | 2 NADH | 5 ATP   |
+|Citric acid cycle  | 2 ATP  |         |
+|^^                 | 6 NADH | 15 ATP  |
+|^^                 | 2 FADH | 3 ATP   |
+| 30--32 ATP                         |||
+
+[ Net ATP yields per hexose]
+
+### Multiline
+A backslash at end to join cell contents with the following lines.  
+This feature is contributed by [Lucas-C](https://github.com/Lucas-C).
+
+|:     Easy Multiline     :|||
+|:------ |:------ |:-------- |
+| Apple  | Banana |  Orange  \
+| Apple  | Banana |  Orange  \
+| Apple  | Banana |  Orange
+| Apple  | Banana |  Orange  \
+| Apple  | Banana |  Orange  |
+| Apple  | Banana |  Orange  |
+
+
+### Headerless
+Table header can be eliminated.
+
+|--|--|--|--|--|--|--|--|
+|♜ |  |♝ |♛ |♚ |♝ |♞ |♜ |
+|  |♟ |♟ |♟ |  |♟ |♟ |♟ |
+|♟ |  |♞ |  |  |  |  |  |
+|  |♗ |  |  |♟ |  |  |  |
+|  |  |  |  |♙ |  |  |  |
+|  |  |  |  |  |♘ |  |  |
+|♙ |♙ |♙ |♙ |  |♙ |♙ |♙ |
+|♖ |♘ |♗ |♕ |♔ |  |  |♖ |
+
+
+### Text Alignment
+Table cell can be set alignment separately.
+
+| \:Fruits         ||  Food: |
+|:-------- |:------ |:-------- |
+| Apple    | Banana |  Orange  |
+| Apple    | Banana |  Orange  |
+
+
+|          | Fruits\::         ||
+|:-------- |:------ |:-------- |
+| Apple    | Banana |  Orange  |
+| Apple    | Banana |  Orange  |
+
+|: \:Fruits       :||          |:       Food     :||
+|:-------- |:------ |:-------- |:-------- |:------ |
+| Apple    | Banana |  Orange  |:   Strawberry    :|
+| Apple    | Banana |  Orange  |  Peach  :|        |
+
+|:     Fruits \|\| Food           :|||
+|:-------- |:-------- |:------------ |
+| Apple    |: Apple  :|    Apple     \
+| Banana   |  Banana  |    Banana    \
+| Orange   |  Orange  |    Orange    |
+|:   Rowspan is 4   :||   How's it?  |
+|^^  A. Peach        ||   1. Fine   :|
+|^^  B. Orange       ||^^ 2. Bad     |
+|^^  C. Banana       ||   It's OK!   |