aboutsummaryrefslogtreecommitdiff
path: root/themes/even/exampleSite/content/post/shortcodes.md
diff options
context:
space:
mode:
authorJulio Capote <jcapote@gmail.com>2018-11-06 02:49:16 +0000
committerJulio Capote <jcapote@gmail.com>2018-11-06 02:49:16 +0000
commita62a3e7755579d93ce3a87243dd277575930fffe (patch)
tree6d074f7294c5b7a45bed7ac229a6802830da2a04 /themes/even/exampleSite/content/post/shortcodes.md
downloadcapotej.com-a62a3e7755579d93ce3a87243dd277575930fffe.tar.gz
init
Diffstat (limited to 'themes/even/exampleSite/content/post/shortcodes.md')
-rw-r--r--themes/even/exampleSite/content/post/shortcodes.md136
1 files changed, 136 insertions, 0 deletions
diff --git a/themes/even/exampleSite/content/post/shortcodes.md b/themes/even/exampleSite/content/post/shortcodes.md
new file mode 100644
index 0000000..4b05fe7
--- /dev/null
+++ b/themes/even/exampleSite/content/post/shortcodes.md
@@ -0,0 +1,136 @@
+---
+title: "Shortcodes"
+date: 2016-08-30T16:01:23+08:00
+lastmod: 2018-02-01T18:01:23+08:00
+draft: false
+tags: ["shortcodes"]
+categories: ["shortcodes"]
+
+---
+
+# center, right, left
+
+```
+## default
+![img](/path/to/img.gif "img")
+
+{{%/* center */%}}
+## center
+![img](/path/to/img.gif "img")
+{{%/* /center */%}}
+
+{{%/* right */%}}
+## right
+![img](/path/to/img.gif "img")
+{{%/* /right */%}}
+
+{{%/* left */%}}
+## left
+![img](/path/to/img.gif "img")
+{{%/* /left */%}}
+```
+<!--more-->
+
+## default
+![img](https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg "img")
+
+{{% center %}}
+## center
+![img](https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg "img")
+{{% /center %}}
+
+{{% right %}}
+## right
+![img](https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg "img")
+{{% /right %}}
+
+{{% left %}}
+## left
+![img](https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg "img")
+{{% /left %}}
+
+---
+
+## figure with class
+
+```
+{{%/* figure src="/path/to/img.gif" title="default" alt="img" */%}}
+{{%/* figure class="center" src="/path/to/img.gif" title="center" alt="img" */%}}
+{{%/* figure class="right" src="/path/to/img.gif" title="right" alt="img" */%}}
+{{%/* figure class="left" src="/path/to/img.gif" title="left" alt="img" */%}}
+```
+
+{{% figure src="https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg" title="default" alt="img" %}}
+{{% figure class="center" src="https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg" title="center" alt="img" %}}
+{{% figure class="right" src="https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg" title="right" alt="img" %}}
+{{% figure class="left" src="https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg" title="left" alt="img" %}}
+
+---
+
+```
+{{%/* center */%}}
+
+## hybrid in center
+{{%/* figure src="/path/to/img.gif" title="default" alt="img" */%}}
+{{%/* figure class="right" src="/path/to/img.gif" title="right" alt="img" */%}}
+
+{{%/* left */%}}
+{{%/* figure src="/path/to/img.gif" title="default in left" alt="img" */%}}
+{{%/* /left */%}}
+
+{{%/* /center */%}}
+```
+
+{{% center %}}
+## hybrid in center
+{{% figure src="https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg" title="default" alt="img" %}}
+{{% figure class="right" src="https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg" title="right" alt="img" %}}
+{{% left %}}
+{{% figure src="https://wx1.sinaimg.cn/small/006SToa6ly1fm07summ2gj30qo0qomzu.jpg" title="default in left" alt="img" %}}
+{{% /left %}}
+{{% /center %}}
+
+---
+
+# Music 163
+
+## Params
+- `id`
+ - required param
+ - you can extract from music url
+ - url format http://music.163.com/#/song?id=28196554
+
+- Fiddle `auto`
+ - optional param
+ - default value 0
+ - you can overwrite it with 1
+
+## Examples
+
+- Simple
+
+```
+{{%/* music "28196554" */%}}
+{{%/* music "28196554" "1" */%}}
+```
+
+- Named Params
+
+```
+{{%/* music id="28196554" */%}}
+{{%/* music id="28196554" auto="1" */%}}
+```
+
+- Example
+
+```
+{{%/* music "28196554" */%}}
+```
+
+{{% music "28196554" %}}
+
+<style>
+.post-content img {
+ height: 64px;
+}
+</style>