diff options
-rw-r--r-- | README.md | 14 | ||||
-rw-r--r-- | images/ruby.png | bin | 0 -> 7229 bytes | |||
-rw-r--r-- | layouts/shortcodes/ruby.html | 3 |
3 files changed, 17 insertions, 0 deletions
@@ -109,6 +109,20 @@ tags: ``` Set keywords for seo. +#### ruby annotation + +[ruby annotation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby) allows you to show pronunciation of characters. Ruby in hugo-primer is like this: + +![ruby](/images/ruby.png) + +You just need one line shortcodes code: + +``` +{{< ruby rb="深表遗憾" rt="Xi Wen Le Jian" >}} + +{{< ruby rb="My heart is broken." rt="I'm happy for that." >}} +``` + ## Contributing Issues and PRs are welcome. :) diff --git a/images/ruby.png b/images/ruby.png Binary files differnew file mode 100644 index 0000000..e3b3656 --- /dev/null +++ b/images/ruby.png diff --git a/layouts/shortcodes/ruby.html b/layouts/shortcodes/ruby.html new file mode 100644 index 0000000..408935b --- /dev/null +++ b/layouts/shortcodes/ruby.html @@ -0,0 +1,3 @@ +<ruby>
+ {{ .Get "rb" }} <rp> (</rp><rt>{{ .Get "rt" }}</rt><rp>) </rp>
+</ruby>
|