diff --git a/.dictionary b/.dictionary index 43e7bb7..117fbd1 100644 --- a/.dictionary +++ b/.dictionary @@ -2,3 +2,9 @@ hugo-book Kaussow DevOps +glyphs +Gopherfest +[B|b]lockquote[s]* +backticks +Shortcode[s]* +emojify diff --git a/exampleSite/config.yml b/exampleSite/config.yml index 7fff36a..99bdfb5 100644 --- a/exampleSite/config.yml +++ b/exampleSite/config.yml @@ -5,7 +5,7 @@ theme: hugo-geekblog pygmentsUseClasses: true pygmentsCodeFences: true -paginate: 3 +paginate: 5 # Needed for mermaid/katex shortcodes markup: diff --git a/exampleSite/content/posts/emojies.md b/exampleSite/content/posts/emojies.md new file mode 100644 index 0000000..f0848a0 --- /dev/null +++ b/exampleSite/content/posts/emojies.md @@ -0,0 +1,42 @@ +--- +title: "Emoji Support" +date: 2020-07-13T19:00:00+02:00 +authors: + - john-doe +tags: + - Documentation +--- + +Emoji can be enabled in a Hugo project in a number of ways. + + + +The [emojify](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). + +To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files: + + + +
+{{< emojify ":see_no_evil:" >}} :see_no_evil:
+{{< emojify ":hear_no_evil:" >}} :hear_no_evil:
+{{< emojify ":speak_no_evil:" >}} :speak_no_evil:
+
Test
+ + +``` + +#### Code block indented with four spaces + + + + + + + +Test
+ + + + + +#### Code block with Hugo's internal highlight Shortcode + + + + +{{< highlight html "linenos=table" >}} + + + + + +Test
+ + +{{< /highlight >}} + + + + +## List Types + +### Ordered List + +1. First item +2. Second item +3. Third item + +### Unordered List + +- List item +- Another item +- And another item + +### Nested list + +- Fruit + - Apple + - Orange + - Banana +- Dairy + - Milk + - Cheese + +## Other Elements — abbr, sub, sup, kbd, mark + + + +GIF is a bitmap image format. + +H2O + +Xn + Yn = Zn + +Press CTRL+ALT+Delete to end the session. + +Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. + + diff --git a/exampleSite/content/posts/post-1.md b/exampleSite/content/posts/post-1.md index 8d96d63..35b48ba 100644 --- a/exampleSite/content/posts/post-1.md +++ b/exampleSite/content/posts/post-1.md @@ -5,7 +5,6 @@ authors: - richard-roe - john-doe tags: - - Opinion - Hardware --- diff --git a/exampleSite/content/posts/post-short.md b/exampleSite/content/posts/post-short.md index 63fdc82..17c78c6 100644 --- a/exampleSite/content/posts/post-short.md +++ b/exampleSite/content/posts/post-short.md @@ -1,10 +1,10 @@ --- -title: "Very short post" +title: "Short post" date: 2020-06-22T20:00:00+02:00 authors: - john-doe tags: - - Opinion + - Development --- Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo. diff --git a/layouts/shortcodes/emojify.html b/layouts/shortcodes/emojify.html new file mode 100644 index 0000000..b5dd353 --- /dev/null +++ b/layouts/shortcodes/emojify.html @@ -0,0 +1 @@ +{{ .Get 0 | emojify }} diff --git a/src/sass/_base.scss b/src/sass/_base.scss index 9bd06f0..7a4b394 100644 --- a/src/sass/_base.scss +++ b/src/sass/_base.scss @@ -32,7 +32,7 @@ h3, h4, h5, h6 { - font-weight: $body-font-weight; + font-weight: 600; display: flex; align-items: center; @@ -45,9 +45,7 @@ h6 { h4, h5, h6 { - > code { - font-size: 0.8rem !important; - } + font-size: 1rem !important; } a { diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss index bd04912..926624b 100644 --- a/src/sass/_markdown.scss +++ b/src/sass/_markdown.scss @@ -14,32 +14,6 @@ } } - h1, - h2, - h3, - h4, - h5, - h6 { - font-weight: normal; - line-height: 1em; - margin-top: 1.5em; - margin-bottom: $padding-16; - } - - h4, - h5, - h6 { - font-weight: bolder; - } - - h5 { - font-size: 0.875em; - } - - h6 { - font-size: 0.75em; - } - b, optgroup, strong { @@ -123,4 +97,14 @@ width: 100%; overflow: auto; } + + mark { + background-color: rgba(255, 221, 102, 1); + } + + section.footnotes { + margin-top: 3rem; + color: $gray-600; + font-size: 0.9em; + } }