Comments
+You can use your Mastodon account to reply to this post. Learn how this is implemented here.
+ + + + + + +
+ {{ block "content" . }}{{ end }}
+
+
+ {{ partial "footer.html" . }}
+ 
+
+
+ 
+
+ +
+ +
+
+ 
+
+
+
+## Special Thanks
+
+- Gleen McComb, for his great [article](https://glennmccomb.com/articles/how-to-build-custom-hugo-pagination/) about custom pagination.
+- All contributors, for every PR and Issue reported.
diff --git a/themes/hugo-coder/archetypes/default.md b/themes/hugo-coder/archetypes/default.md
new file mode 100644
index 0000000..c2de8e4
--- /dev/null
+++ b/themes/hugo-coder/archetypes/default.md
@@ -0,0 +1,6 @@
++++
+draft = true
+date = {{ .Date }}
+title = ""
+slug = ""
++++
diff --git a/themes/hugo-coder/archetypes/posts.md b/themes/hugo-coder/archetypes/posts.md
new file mode 100644
index 0000000..76242f8
--- /dev/null
+++ b/themes/hugo-coder/archetypes/posts.md
@@ -0,0 +1,12 @@
++++
+draft = true
+date = {{ .Date }}
+title = ""
+description = ""
+slug = ""
+authors = []
+tags = []
+categories = []
+externalLink = ""
+series = []
++++
diff --git a/themes/hugo-coder/assets/js/coder.js b/themes/hugo-coder/assets/js/coder.js
new file mode 100644
index 0000000..9b46cfc
--- /dev/null
+++ b/themes/hugo-coder/assets/js/coder.js
@@ -0,0 +1,97 @@
+const body = document.body;
+const darkModeToggle = document.getElementById('dark-mode-toggle');
+const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+
+// Check if user preference is set, if not check value of body class for light or dark else it means that colorscheme = auto
+if (localStorage.getItem("colorscheme")) {
+ setTheme(localStorage.getItem("colorscheme"));
+} else if (body.classList.contains('colorscheme-light') || body.classList.contains('colorscheme-dark')) {
+ setTheme(body.classList.contains("colorscheme-dark") ? "dark" : "light");
+} else {
+ setTheme(darkModeMediaQuery.matches ? "dark" : "light");
+}
+
+if (darkModeToggle) {
+ darkModeToggle.addEventListener('click', () => {
+ let theme = body.classList.contains("colorscheme-dark") ? "light" : "dark";
+ setTheme(theme);
+ rememberTheme(theme);
+ });
+}
+
+darkModeMediaQuery.addListener((event) => {
+ setTheme(event.matches ? "dark" : "light");
+});
+
+document.addEventListener("DOMContentLoaded", function () {
+ let node = document.querySelector('.preload-transitions');
+ node.classList.remove('preload-transitions');
+});
+
+function setTheme(theme) {
+ body.classList.remove('colorscheme-auto');
+ let inverse = theme === 'dark' ? 'light' : 'dark';
+ body.classList.remove('colorscheme-' + inverse);
+ body.classList.add('colorscheme-' + theme);
+ document.documentElement.style['color-scheme'] = theme;
+
+ function waitForElm(selector) {
+ return new Promise(resolve => {
+ if (document.querySelector(selector)) {
+ return resolve(document.querySelector(selector));
+ }
+
+ const observer = new MutationObserver(mutations => {
+ if (document.querySelector(selector)) {
+ resolve(document.querySelector(selector));
+ observer.disconnect();
+ }
+ });
+
+ observer.observe(document.body, {
+ childList: true,
+ subtree: true
+ });
+ });
+ }
+
+ if (theme === 'dark') {
+ const message = {
+ type: 'set-theme',
+ theme: 'github-dark'
+ };
+ waitForElm('.utterances-frame').then((iframe) => {
+ iframe.contentWindow.postMessage(message, 'https://utteranc.es');
+ })
+
+ }
+ else {
+ const message = {
+ type: 'set-theme',
+ theme: 'github-light'
+ };
+ waitForElm('.utterances-frame').then((iframe) => {
+ iframe.contentWindow.postMessage(message, 'https://utteranc.es');
+ })
+
+ }
+
+ function sendMessage(message) {
+ const iframe = document.querySelector('iframe.giscus-frame');
+ if (!iframe) return;
+ iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
+ }
+ sendMessage({
+ setConfig: {
+ theme: theme,
+ },
+ });
+
+ // Create and send event
+ const event = new Event('themeChanged');
+ document.dispatchEvent(event);
+}
+
+function rememberTheme(theme) {
+ localStorage.setItem('colorscheme', theme);
+}
diff --git a/themes/hugo-coder/assets/js/purify.min.js b/themes/hugo-coder/assets/js/purify.min.js
new file mode 100644
index 0000000..644aca0
--- /dev/null
+++ b/themes/hugo-coder/assets/js/purify.min.js
@@ -0,0 +1,3 @@
+/*! @license DOMPurify 2.4.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.1/LICENSE */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).DOMPurify=t()}(this,(function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,n){return t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(e,n)}function n(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function r(e,o,a){return r=n()?Reflect.construct:function(e,n,r){var o=[null];o.push.apply(o,n);var a=new(Function.bind.apply(e,o));return r&&t(a,r.prototype),a},r.apply(null,arguments)}function o(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:
🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:
Test
+ + +``` + +#### Code block indented with four spaces + + + + + +Test
+ + + +#### Code block with Hugo's internal highlight shortcode + +{{< highlight html >}} + + + + + +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 + +#### Foot Notes + +Check it[^2] at the end[^3] of this text[^4]. + +## 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. + +[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. +[^2]: A footnote. +[^3]: Another one. +[^4]: Cool, right? diff --git a/themes/hugo-coder/exampleSite/content/posts/markdown-syntax.pt-br.md b/themes/hugo-coder/exampleSite/content/posts/markdown-syntax.pt-br.md new file mode 100644 index 0000000..b385524 --- /dev/null +++ b/themes/hugo-coder/exampleSite/content/posts/markdown-syntax.pt-br.md @@ -0,0 +1,164 @@ ++++ +authors = ["Programador Solitário"] +title = "Guia de Sintaxe Markdown" +date = "2023-07-13" +description = "Artigo de exemplo mostrando a sintaxe básica Markdown e a formatação de elementos HTML." +tags = [ + "hugo", + "markdown", + "css", + "html", +] +categories = [ + "sintaxe", + "demonstração do tema", +] +series = ["Demonstração do Tema"] +aliases = ["migrate-from-jekyl"] ++++ + +Esse artigo é um exemplo básico para mostrar a sintaxe Markdown que é usada nos arquivos de conteúdo do Hugo. Ele também mostrar como cada elemento básico HTML é estilizado com CSS com os temas do Hugo. + + + +## Cabeçalhos + +Os seguintes elementos HTML `Teste
+ + +``` + +#### Blocos de código com quatro espaços + + + + + +Teste
+ + + +#### Blocos de código com highlight shortcode interno do Hugo + +{{< highlight html >}} + + + + + +Teste
+ + +{{< /highlight >}} + +## Tipos de Listas + +#### Listas Ordenada + +1. Primeiro item +2. Segundo item +3. Terceiro item + +#### Listas não Ordenada + +- Um item +- Outro item +- Algum outro item + +#### Listas aninhadas + +- Frutas + - Maçã + - Laranja + - Banana +- Laticínios + - Leite + - Queijo + +#### Notas de Rodapé + +Verifique[^2] no final[^3] desse texto[^4]. + +## Outros Elementos — abbr, sub, sup, kbd, mark + +GIF é um formato de imagem bitmap. + +H2O + +Xn + Yn = Zn + +Aperte CTRL+ALT+Delete para fechar. + +A maioria das salamandras são noturnas e caçam insetos, vermes, e outras criaturas pequenas. + +[^1]: A citação acima foi extraída da [apresentação](https://www.youtube.com/watch?v=PAAkCSZUG1c) do Rob Pike durante a Gopherfest, de 18 de Novembro de 2015. +[^2]: Uma nota de rodapé. +[^3]: Outra aqui. +[^4]: Legal, né? diff --git a/themes/hugo-coder/exampleSite/content/posts/math-typesetting.md b/themes/hugo-coder/exampleSite/content/posts/math-typesetting.md new file mode 100644 index 0000000..d061401 --- /dev/null +++ b/themes/hugo-coder/exampleSite/content/posts/math-typesetting.md @@ -0,0 +1,64 @@ ++++ +authors = ["Lone Coder"] +title = "Math Typesetting" +date = "2023-07-10" +description = "A brief guide to setup KaTeX" +math = true +tags = [ + "hugo", + "markdown", + "css", + "html", +] +categories = [ + "theme demo", + "syntax", +] +series = ["Theme Demo"] ++++ + +Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries. + + + +In this example we will be using [KaTeX](https://katex.org/) + +- Create a partial under `/layouts/partials/math.html` +- Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally. +- Include the partial in your templates like so: + +```bash +{{ if or .Params.math .Site.Params.math }} +{{ partial "math.html" . }} +{{ end }} +``` + +- To enable KaTex globally set the parameter `math` to `true` in a project's configuration +- To enable KaTex on a per page basis include the parameter `math: true` in content files + +**Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html) + +{{< math.inline >}} +{{ if or .Page.Params.math .Site.Params.math }} + + + + + +{{ end }} +{{}} + +### Examples + +{{< math.inline >}} + ++Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\) +
+{{}} + +Block math: + +$$ + \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } +$$ diff --git a/themes/hugo-coder/exampleSite/content/posts/math-typesetting.pt-br.md b/themes/hugo-coder/exampleSite/content/posts/math-typesetting.pt-br.md new file mode 100644 index 0000000..c181c6a --- /dev/null +++ b/themes/hugo-coder/exampleSite/content/posts/math-typesetting.pt-br.md @@ -0,0 +1,64 @@ ++++ +authors = ["Programador Solitário"] +title = "Configuração de Equações Matemáticas" +date = "2023-07-10" +description = "Um guia rápido sobre utilizar KaTeX" +math ="true" +tags = [ + "hugo", + "markdown", + "css", + "html", +] +categories = [ + "sintaxe", + "demonstração do tema", +] +series = ["Demonstração do Tema"] ++++ + +Em um projeto Hugo as Notações Matemáticas podem ser usadas com a ajuda de bibliotecas JavaScript de terceiros. + + + +Nesse exemplo usaremos o [KaTeX](https://katex.org/). + +- Crie um partial template em `/layouts/partials/math.html` +- Dentro, utilize o [Auto-render Extension](https://katex.org/docs/autorender.html) ou sirva os scripts localmente. +- Inclua o partial nos seus templates da seguinte forma: + +```bash +{{ if or .Params.math .Site.Params.math }} +{{ partial "math.html" . }} +{{ end }} +``` + +- Para ativar o KaTex globalmente defina o parâmetro `math` como `true` na confgiuração do projeto +- Para ativar o KaTex em páginas específicas inclua o parâmetro `math: true` nos arquivos de conteúdo + +**Nota:** Use a referência online [Supported TeX Functions](https://katex.org/docs/supported.html) como base para criar notações matemáticas. + +{{< math.inline >}} +{{ if or .Page.Params.math .Site.Params.math }} + + + + + +{{ end }} +{{}} + +### Examples + +{{< math.inline >}} + ++Notação inline: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\) +
+{{}} + +Notação em bloco: + +$$ + \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } +$$ diff --git a/themes/hugo-coder/exampleSite/content/posts/mermaid-support.md b/themes/hugo-coder/exampleSite/content/posts/mermaid-support.md new file mode 100644 index 0000000..1918bfd --- /dev/null +++ b/themes/hugo-coder/exampleSite/content/posts/mermaid-support.md @@ -0,0 +1,43 @@ ++++ +authors = ["Lone Coder"] +date = "2023-07-08" +title = "Mermaid JS support" +description = "The post demonstrates Mermaid JS support" +tags = [ + "hugo", + "markdown", + "css", + "html", +] +categories = [ + "theme demo", + "syntax", +] +series = ["Theme Demo"] ++++ + +If you want to use [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/) on your website. +Provide `mermaid` as [Shortcode](https://gohugo.io/content-management/shortcodes/#readout) in your markdown file. + +{{{{ i18n "page_does_not_exist" }}
{{ i18n "head_back" .Site.BaseURL | safeHTML }}
You can use your Mastodon account to reply to this post. Learn how this is implemented here.
+ + + + + + +
Comments:
+