mirror of
https://github.com/tiennm99/miti99.git
synced 2026-09-16 10:21:54 +00:00
[Remove] unused files
This commit is contained in:
+1
-1
@@ -1,3 +1,3 @@
|
||||
.idea
|
||||
resources/
|
||||
.hugo_build.lock
|
||||
resources/_gen
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
||||
@@ -1,25 +0,0 @@
|
||||
+++
|
||||
title = "About"
|
||||
description = "Hugo, the world's fastest framework for building websites"
|
||||
date = "2019-02-28"
|
||||
aliases = ["about-us", "about-hugo", "contact"]
|
||||
author = "Hugo Authors"
|
||||
+++
|
||||
|
||||
Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
|
||||
|
||||
Hugo makes use of a variety of open source projects including:
|
||||
|
||||
* https://github.com/yuin/goldmark
|
||||
* https://github.com/alecthomas/chroma
|
||||
* https://github.com/muesli/smartcrop
|
||||
* https://github.com/spf13/cobra
|
||||
* https://github.com/spf13/viper
|
||||
|
||||
Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
|
||||
|
||||
Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.
|
||||
|
||||
Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
|
||||
|
||||
Learn more and contribute on [GitHub](https://github.com/gohugoio).
|
||||
@@ -1,25 +0,0 @@
|
||||
+++
|
||||
title = "About"
|
||||
description = "Hugo, the world's fastest framework for building websites"
|
||||
date = "2019-02-28"
|
||||
aliases = ["about-us", "about-hugo", "contact"]
|
||||
author = "Hugo Authors"
|
||||
+++
|
||||
|
||||
Escrito em Go, Hugo é um gerador de sites estáticos de código aberto disponível sobre a licença [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) O Hugo suporta TOML, YAML e JSON como arquivos de dados, Markdown e HTML como arquivos de conteúdo, e usa shortcodes para adicionar conteúdos ricos. Outras funcionalidades notaveis são taxonomias, modo multilingual, processamento de imagens, formatos de saída customizaveis, minificação de HTML/CSS/JS e suporte a fluxos SASS/SCSS.
|
||||
|
||||
O Hugo faz o uso de vários projetos de código aberto incluíndo:
|
||||
|
||||
* https://github.com/yuin/goldmark
|
||||
* https://github.com/alecthomas/chroma
|
||||
* https://github.com/muesli/smartcrop
|
||||
* https://github.com/spf13/cobra
|
||||
* https://github.com/spf13/viper
|
||||
|
||||
O Hugo é ideal para blogs, sites corporativos, protfólio criativos, revistas online, aplicações de página única ou até sites com milhares de páginas.
|
||||
|
||||
O Hugo é para pessoas que querem cuidar do seu próprio site sem se preocupar com a configuração ambientes complicados, dependências e bancos de dados.
|
||||
|
||||
Sites contru;idos com Hugo são extremamente rápidos, seguros e podem ser implantados em qualquer lugar, incluíndo AWS, GitHub Pages, Heroku, Netlify e outros provedores de hospedagem.
|
||||
|
||||
Saiba mais e contribua em [GitHub](https://github.com/gohugoio).
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Contact"
|
||||
slug = "contact"
|
||||
+++
|
||||
|
||||
Follow me, @johndoe.
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Contato"
|
||||
slug = "contact"
|
||||
+++
|
||||
|
||||
Me siga em @joaoninguem.
|
||||
@@ -1,14 +0,0 @@
|
||||
---
|
||||
title: "Post: Modified Date"
|
||||
last_modified_at: 2016-03-09T16:20:02-05:00
|
||||
categories:
|
||||
- Blog
|
||||
tags:
|
||||
- Post Formats
|
||||
- readability
|
||||
- standard
|
||||
---
|
||||
|
||||
This post has been updated and should show a modified date if used in a layout.
|
||||
|
||||
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, "Oh, why can't you remain like this for ever!" This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
|
||||
@@ -1,32 +0,0 @@
|
||||
---
|
||||
title: "Post: Standard"
|
||||
excerpt_separator: "<!--more-->"
|
||||
categories:
|
||||
- Blog
|
||||
tags:
|
||||
- Post Formats
|
||||
- readability
|
||||
- standard
|
||||
---
|
||||
|
||||
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, "Oh, why can't you remain like this for ever!" This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
|
||||
|
||||
Mrs. Darling first heard of Peter when she was tidying up her children's minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.
|
||||
|
||||
<!--more-->
|
||||
|
||||
This post has a manual excerpt `<!--more-->` set after the second paragraph. The following YAML Front Matter has also be applied:
|
||||
|
||||
```yaml
|
||||
excerpt_separator: "<!--more-->"
|
||||
```
|
||||
|
||||
If you could keep awake (but of course you can't) you would see your own mother doing this, and you would find it very interesting to watch her. It is quite like tidying up drawers. You would see her on her knees, I expect, lingering humorously over some of your contents, wondering where on earth you had picked this thing up, making discoveries sweet and not so sweet, pressing this to her cheek as if it were as nice as a kitten, and hurriedly stowing that out of sight. When you wake in the morning, the naughtiness and evil passions with which you went to bed have been folded up small and placed at the bottom of your mind and on the top, beautifully aired, are spread out your prettier thoughts, ready for you to put on.
|
||||
|
||||
I don't know whether you have ever seen a map of a person's mind. Doctors sometimes draw maps of other parts of you, and your own map can become intensely interesting, but catch them trying to draw a map of a child's mind, which is not only confused, but keeps going round all the time. There are zigzag lines on it, just like your temperature on a card, and these are probably roads in the island, for the Neverland is always more or less an island, with astonishing splashes of colour here and there, and coral reefs and rakish-looking craft in the offing, and savages and lonely lairs, and gnomes who are mostly tailors, and caves through which a river runs, and princes with six elder brothers, and a hut fast going to decay, and one very small old lady with a hooked nose. It would be an easy map if that were all, but there is also first day at school, religion, fathers, the round pond, needle-work, murders, hangings, verbs that take the dative, chocolate pudding day, getting into braces, say ninety-nine, three-pence for pulling out your tooth yourself, and so on, and either these are part of the island or they are another map showing through, and it is all rather confusing, especially as nothing will stand still.
|
||||
|
||||
Of course the Neverlands vary a good deal. John's, for instance, had a lagoon with flamingoes flying over it at which John was shooting, while Michael, who was very small, had a flamingo with lagoons flying over it. John lived in a boat turned upside down on the sands, Michael in a wigwam, Wendy in a house of leaves deftly sewn together. John had no friends, Michael had friends at night, Wendy had a pet wolf forsaken by its parents, but on the whole the Neverlands have a family resemblance, and if they stood still in a row you could say of them that they have each other's nose, and so forth. On these magic shores children at play are for ever beaching their coracles [simple boat]. We too have been there; we can still hear the sound of the surf, though we shall land no more.
|
||||
|
||||
Of all delectable islands the Neverland is the snuggest and most compact, not large and sprawly, you know, with tedious distances between one adventure and another, but nicely crammed. When you play at it by day with the chairs and table-cloth, it is not in the least alarming, but in the two minutes before you go to sleep it becomes very real. That is why there are night-lights.
|
||||
|
||||
Occasionally in her travels through her children's minds Mrs. Darling found things she could not understand, and of these quite the most perplexing was the word Peter. She knew of no Peter, and yet he was here and there in John and Michael's minds, while Wendy's began to be scrawled all over with him. The name stood out in bolder letters than any of the other words, and as Mrs. Darling gazed she felt that it had an oddly cocky appearance.
|
||||
@@ -1,134 +0,0 @@
|
||||
---
|
||||
title: "Post: Chat"
|
||||
categories:
|
||||
- Blog
|
||||
tags:
|
||||
- chat
|
||||
- Post Formats
|
||||
---
|
||||
|
||||
Abbott: Strange as it may seem, they give ball players nowadays very peculiar names.
|
||||
|
||||
Costello: Funny names?
|
||||
|
||||
Abbott: Nicknames, nicknames. Now, on the St. Louis team we have Who's on first, What's on second, I Don't Know is on third--
|
||||
|
||||
Costello: That's what I want to find out. I want you to tell me the names of the fellows on the St. Louis team.
|
||||
|
||||
Abbott: I'm telling you. Who's on first, What's on second, I Don't Know is on third--
|
||||
|
||||
Costello: You know the fellows' names?
|
||||
|
||||
Abbott: Yes.
|
||||
|
||||
Costello: Well, then who's playing first?
|
||||
|
||||
Abbott: Yes.
|
||||
|
||||
Costello: I mean the fellow's name on first base.
|
||||
|
||||
Abbott: Who.
|
||||
|
||||
Costello: The fellow playin' first base.
|
||||
|
||||
Abbott: Who.
|
||||
|
||||
Costello: The guy on first base.
|
||||
|
||||
Abbott: Who is on first.
|
||||
|
||||
Costello: Well, what are you askin' me for?
|
||||
|
||||
Abbott: I'm not asking you--I'm telling you. Who is on first.
|
||||
|
||||
Costello: I'm asking you--who's on first?
|
||||
|
||||
Abbott: That's the man's name.
|
||||
|
||||
Costello: That's who's name?
|
||||
|
||||
Abbott: Yes.
|
||||
|
||||
Costello: When you pay off the first baseman every month, who gets the money?
|
||||
|
||||
Abbott: Every dollar of it. And why not, the man's entitled to it.
|
||||
|
||||
Costello: Who is?
|
||||
|
||||
Abbott: Yes.
|
||||
|
||||
Costello: So who gets it?
|
||||
|
||||
Abbott: Why shouldn't he? Sometimes his wife comes down and collects it.
|
||||
|
||||
Costello: Who's wife?
|
||||
|
||||
Abbott: Yes. After all, the man earns it.
|
||||
|
||||
Costello: Who does?
|
||||
|
||||
Abbott: Absolutely.
|
||||
|
||||
Costello: Well, all I'm trying to find out is what's the guy's name on first base?
|
||||
|
||||
Abbott: Oh, no, no. What is on second base.
|
||||
|
||||
Costello: I'm not asking you who's on second.
|
||||
|
||||
Abbott: Who's on first!
|
||||
|
||||
Costello: St. Louis has a good outfield?
|
||||
|
||||
Abbott: Oh, absolutely.
|
||||
|
||||
Costello: The left fielder's name?
|
||||
|
||||
Abbott: Why.
|
||||
|
||||
Costello: I don't know, I just thought I'd ask.
|
||||
|
||||
Abbott: Well, I just thought I'd tell you.
|
||||
|
||||
Costello: Then tell me who's playing left field?
|
||||
|
||||
Abbott: Who's playing first.
|
||||
|
||||
Costello: Stay out of the infield! The left fielder's name?
|
||||
|
||||
Abbott: Why.
|
||||
|
||||
Costello: Because.
|
||||
|
||||
Abbott: Oh, he's center field.
|
||||
|
||||
Costello: Wait a minute. You got a pitcher on this team?
|
||||
|
||||
Abbott: Wouldn't this be a fine team without a pitcher?
|
||||
|
||||
Costello: Tell me the pitcher's name.
|
||||
|
||||
Abbott: Tomorrow.
|
||||
|
||||
Costello: Now, when the guy at bat bunts the ball--me being a good catcher--I want to throw the guy out at first base, so I pick up the ball and throw it to who?
|
||||
|
||||
Abbott: Now, that's he first thing you've said right.
|
||||
|
||||
Costello: I DON'T EVEN KNOW WHAT I'M TALKING ABOUT!
|
||||
|
||||
Abbott: Don't get excited. Take it easy.
|
||||
|
||||
Costello: I throw the ball to first base, whoever it is grabs the ball, so the guy runs to second. Who picks up the ball and throws it to what. What throws it to I don't know. I don't know throws it back to tomorrow--a triple play.
|
||||
|
||||
Abbott: Yeah, it could be.
|
||||
|
||||
Costello: Another guy gets up and it's a long ball to center.
|
||||
|
||||
Abbott: Because.
|
||||
|
||||
Costello: Why? I don't know. And I don't care.
|
||||
|
||||
Abbott: What was that?
|
||||
|
||||
Costello: I said, I DON'T CARE!
|
||||
|
||||
Abbott: Oh, that's our shortstop!
|
||||
@@ -1,68 +0,0 @@
|
||||
---
|
||||
title: "Post: Notice"
|
||||
categories:
|
||||
- Blog
|
||||
tags:
|
||||
- Post Formats
|
||||
- notice
|
||||
---
|
||||
|
||||
A notice displays information that explains nearby content. Often used to call attention to a particular detail.
|
||||
|
||||
When using Kramdown `{: .notice}` can be added after a sentence to assign the `.notice` to the `<p></p>` element.
|
||||
|
||||
**Changes in Service:** We just updated our [privacy policy](#) here to better service our customers. We recommend reviewing the changes.
|
||||
{: .notice}
|
||||
|
||||
**Primary Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. [Praesent libero](#). Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--primary}
|
||||
|
||||
**Info Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing elit](#). Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--info}
|
||||
|
||||
**Warning Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. [Integer nec odio](#). Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--warning}
|
||||
|
||||
**Danger Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing](#) elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--danger}
|
||||
|
||||
**Success Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at [nibh elementum](#) imperdiet.
|
||||
{: .notice--success}
|
||||
|
||||
Want to wrap several paragraphs or other elements in a notice? Using Liquid to capture the content and then filter it with `markdownify` is a good way to go.
|
||||
|
||||
```html
|
||||
{% raw %}{% capture notice-2 %}
|
||||
#### New Site Features
|
||||
|
||||
* You can now have cover images on blog pages
|
||||
* Drafts will now auto-save while writing
|
||||
{% endcapture %}{% endraw %}
|
||||
|
||||
<div class="notice">{% raw %}{{ notice-2 | markdownify }}{% endraw %}</div>
|
||||
```
|
||||
|
||||
{% capture notice-2 %}
|
||||
#### New Site Features
|
||||
|
||||
* You can now have cover images on blog pages
|
||||
* Drafts will now auto-save while writing
|
||||
{% endcapture %}
|
||||
|
||||
<div class="notice">
|
||||
{{ notice-2 | markdownify }}
|
||||
</div>
|
||||
|
||||
Or you could skip the capture and stick with straight HTML.
|
||||
|
||||
```html
|
||||
<div class="notice">
|
||||
<h4>Message</h4>
|
||||
<p>A basic message.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
<div class="notice">
|
||||
<h4>Message</h4>
|
||||
<p>A basic message.</p>
|
||||
</div>
|
||||
@@ -1,12 +0,0 @@
|
||||
---
|
||||
title: "Post: Quote"
|
||||
categories:
|
||||
- Blog
|
||||
tags:
|
||||
- Post Formats
|
||||
- quote
|
||||
---
|
||||
|
||||
> Only one thing is impossible for God: To find any sense in any copyright law on the planet.
|
||||
|
||||
> <cite><a href="http://www.brainyquote.com/quotes/quotes/m/marktwain163473.html">Mark Twain</a></cite>
|
||||
@@ -1,15 +0,0 @@
|
||||
---
|
||||
title: "Post: Link"
|
||||
categories:
|
||||
- Blog
|
||||
tags:
|
||||
- link
|
||||
- Post Formats
|
||||
link: https://github.com
|
||||
---
|
||||
|
||||
This theme supports **link posts**, made famous by John Gruber. To use, just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done.
|
||||
|
||||
> And this is how a quote looks.
|
||||
|
||||
Some [link](#) can also be shown.
|
||||
@@ -1,29 +0,0 @@
|
||||
---
|
||||
title: "Welcome to Jekyll!"
|
||||
date: 2019-04-18T15:34:30-04:00
|
||||
categories:
|
||||
- blog
|
||||
tags:
|
||||
- Jekyll
|
||||
- update
|
||||
---
|
||||
|
||||
You'll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
|
||||
|
||||
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
|
||||
|
||||
Jekyll also offers powerful support for code snippets:
|
||||
|
||||
```ruby
|
||||
def print_hi(name)
|
||||
puts "Hi, #{name}"
|
||||
end
|
||||
print_hi('Tom')
|
||||
#=> prints 'Hi, Tom' to STDOUT.
|
||||
```
|
||||
|
||||
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
|
||||
|
||||
[jekyll-docs]: https://jekyllrb.com/docs/home
|
||||
[jekyll-gh]: https://github.com/jekyll/jekyll
|
||||
[jekyll-talk]: https://talk.jekyllrb.com/
|
||||
@@ -1,46 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Emoji Support"
|
||||
date = "2019-03-05"
|
||||
description = "Guide to emoji usage in Hugo"
|
||||
tags = [
|
||||
"emoji",
|
||||
]
|
||||
+++
|
||||
|
||||
Emoji can be enabled in a Hugo project in a number of ways.
|
||||
<!--more-->
|
||||
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; e.g.
|
||||
|
||||
<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
|
||||
<br>
|
||||
|
||||
The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
|
||||
|
||||
***
|
||||
|
||||
**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
|
||||
|
||||
{{< highlight html >}}
|
||||
.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
{{< /highlight >}}
|
||||
|
||||
{{< css.inline >}}
|
||||
<style>
|
||||
.emojify {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
font-size: 2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@media screen and (max-width:650px) {
|
||||
.nowrap {
|
||||
display: block;
|
||||
margin: 25px 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{{< /css.inline >}}
|
||||
@@ -1,46 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Suporte a Emojis"
|
||||
date = "2019-03-05"
|
||||
description = "Um guia de utilização de emojis com Hugo"
|
||||
tags = [
|
||||
"emoji",
|
||||
]
|
||||
+++
|
||||
|
||||
Emojis podem ser ativados em um projeto Hugo de diversar formas.
|
||||
<!--more-->
|
||||
A função [`emojify`](https://gohugo.io/functions/emojify/) pode ser chamada diretamente nos templates ou com [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
|
||||
|
||||
Para ativar os emojis globalmente, aplique `enableEmoji` com o valor `true` na [configuração](https://gohugo.io/getting-started/configuration/) do seu site e então você poderá adicionar códigos de emoji diretamente nos arquivos de conteúdo. Por exemplo:
|
||||
|
||||
<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
|
||||
<br>
|
||||
|
||||
O [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) é uma referência útil para identificar códigos de emojis.
|
||||
|
||||
***
|
||||
|
||||
**Nota:** Os passos anteriores ativam os caractéres e sequências de emoji do Padrão Unicode no Hugo, porém a renderização desses glifos depende do navegador e plataforma utilizada. Para escolher o estilo dos emojis você pode tanto usar um font de emoji de terceiros ou uma lista de fontes. Por exemplo:
|
||||
|
||||
{{< highlight html >}}
|
||||
.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
{{< /highlight >}}
|
||||
|
||||
{{< css.inline >}}
|
||||
<style>
|
||||
.emojify {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
font-size: 2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@media screen and (max-width:650px) {
|
||||
.nowrap {
|
||||
display: block;
|
||||
margin: 25px 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{{< /css.inline >}}
|
||||
@@ -1,15 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
date = "2019-03-04"
|
||||
title = "External Page: Hugo Coder Wiki"
|
||||
slug = "hugo-coder-wiki"
|
||||
tags = [
|
||||
"hugo",
|
||||
"development",
|
||||
"themes"
|
||||
]
|
||||
categories = [
|
||||
"Development",
|
||||
]
|
||||
externalLink = "https://github.com/luizdepra/hugo-coder/wiki"
|
||||
+++
|
||||
@@ -1,15 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
date = "2019-03-04"
|
||||
title = "Página Externa: Wiki Hugo Coder"
|
||||
slug = "hugo-coder-wiki"
|
||||
tags = [
|
||||
"hugo",
|
||||
"development",
|
||||
"themes"
|
||||
]
|
||||
categories = [
|
||||
"Development",
|
||||
]
|
||||
externalLink = "https://github.com/luizdepra/hugo-coder/wiki"
|
||||
+++
|
||||
@@ -1,133 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "HTML and CSS only tabs"
|
||||
date = "2022-05-15"
|
||||
description = "Sample article showcasing shortcodes for HTML/CSS only tabs"
|
||||
tags = [
|
||||
"markdown",
|
||||
"css",
|
||||
"html",
|
||||
]
|
||||
categories = [
|
||||
"themes",
|
||||
"syntax",
|
||||
]
|
||||
series = ["Themes Guide"]
|
||||
aliases = ["migrate-from-jekyl"]
|
||||
+++
|
||||
|
||||
## Basic shortcodes
|
||||
|
||||
The following content:
|
||||
|
||||
```markdown
|
||||
{{</* tabgroup */>}}
|
||||
{{</* tab name="Hello" */>}}
|
||||
Hello World!
|
||||
{{</* /tab */>}}
|
||||
|
||||
{{</* tab name="Goodbye" */>}}
|
||||
Goodbye Everybody!
|
||||
{{</* /tab */>}}
|
||||
{{</* /tabgroup */>}}
|
||||
```
|
||||
|
||||
Will generate:
|
||||
|
||||
{{< tabgroup >}}
|
||||
{{< tab name="Hello" >}}
|
||||
Hello World!
|
||||
{{< /tab >}}
|
||||
|
||||
{{< tab name="Goodbye" >}}
|
||||
Goodbye Everybody!
|
||||
{{< /tab >}}
|
||||
{{< /tabgroup >}}
|
||||
|
||||
## Right alighment
|
||||
|
||||
You can also align the tabs to the right:
|
||||
|
||||
```markdown
|
||||
{{</* tabgroup align="right" */>}}
|
||||
{{</* tab name="Hello" */>}}
|
||||
Hello World!
|
||||
{{</* /tab */>}}
|
||||
|
||||
{{</* tab name="Goodbye" */>}}
|
||||
Goodbye Everybody!
|
||||
{{</* /tab */>}}
|
||||
{{</* /tabgroup */>}}
|
||||
```
|
||||
|
||||
Giving you this look:
|
||||
|
||||
{{< tabgroup align="right" >}}
|
||||
{{< tab name="Hello" >}}
|
||||
Hello World!
|
||||
{{< /tab >}}
|
||||
|
||||
{{< tab name="Goodbye" >}}
|
||||
Goodbye Everybody!
|
||||
{{< /tab >}}
|
||||
{{< /tabgroup >}}
|
||||
|
||||
## Markdown content
|
||||
|
||||
Any valid markdown can be used inside the tab:
|
||||
|
||||
~~~markdown
|
||||
{{</* tabgroup align="right" style="code" */>}}
|
||||
{{</* tab name="Ruby" */>}}
|
||||
|
||||
```ruby
|
||||
puts 'Hello'
|
||||
```
|
||||
|
||||
{{</* /tab */>}}
|
||||
{{</* tab name="Python" */>}}
|
||||
|
||||
```python
|
||||
print('Hello')
|
||||
```
|
||||
|
||||
{{</* /tab */>}}
|
||||
{{</* tab name="JavaScript" */>}}
|
||||
|
||||
```js
|
||||
console.log('Hello')
|
||||
```
|
||||
|
||||
{{</* /tab */>}}
|
||||
{{</* /tabgroup */>}}
|
||||
|
||||
~~~
|
||||
|
||||
And you get this lovely content:
|
||||
|
||||
{{< tabgroup align="right" style="code" >}}
|
||||
{{< tab name="Ruby" >}}
|
||||
|
||||
```ruby
|
||||
puts 'Hello'
|
||||
```
|
||||
|
||||
{{< /tab >}}
|
||||
{{< tab name="Python" >}}
|
||||
|
||||
```python
|
||||
print('Hello')
|
||||
```
|
||||
|
||||
{{< /tab >}}
|
||||
{{< tab name="JavaScript" >}}
|
||||
|
||||
```js
|
||||
console.log('Hello')
|
||||
```
|
||||
|
||||
{{< /tab >}}
|
||||
{{< /tabgroup >}}
|
||||
|
||||
In this case `style="code"` makes it look a little nicer for scenarios where
|
||||
your content purely a code block.
|
||||
@@ -1,148 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Markdown Syntax Guide"
|
||||
date = "2019-03-11"
|
||||
description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
|
||||
tags = [
|
||||
"markdown",
|
||||
"css",
|
||||
"html",
|
||||
]
|
||||
categories = [
|
||||
"themes",
|
||||
"syntax",
|
||||
]
|
||||
series = ["Themes Guide"]
|
||||
aliases = ["migrate-from-jekyl"]
|
||||
+++
|
||||
|
||||
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
|
||||
<!--more-->
|
||||
|
||||
## Headings
|
||||
|
||||
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
||||
|
||||
# H1
|
||||
## H2
|
||||
### H3
|
||||
#### H4
|
||||
##### H5
|
||||
###### H6
|
||||
|
||||
## Paragraph
|
||||
|
||||
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Blockquotes
|
||||
|
||||
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
|
||||
|
||||
#### Blockquote without attribution
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Note** that you can use *Markdown syntax* within a blockquote.
|
||||
|
||||
#### Blockquote with attribution
|
||||
|
||||
> Don't communicate by sharing memory, share memory by communicating.<br>
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
|
||||
|
||||
## Tables
|
||||
|
||||
Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-box.
|
||||
|
||||
Name | Age
|
||||
--------|------
|
||||
Bob | 27
|
||||
Alice | 23
|
||||
|
||||
#### Inline Markdown within tables
|
||||
|
||||
| Italics | Bold | Code |
|
||||
| -------- | -------- | ------ |
|
||||
| *italics* | **bold** | `code` |
|
||||
|
||||
## Code Blocks
|
||||
|
||||
#### Code block with backticks
|
||||
|
||||
```html
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
#### Code block indented with four spaces
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
#### Code block with Hugo's internal highlight shortcode
|
||||
{{< highlight html >}}
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
{{< /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
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||
|
||||
Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
|
||||
|
||||
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
|
||||
@@ -1,149 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Guia de Sintaxe Markdown"
|
||||
date = "2019-03-11"
|
||||
description = "Artigo de exemplo mostrando a sintaxe básica Markdown e a formatação de elementos HTML."
|
||||
tags = [
|
||||
"markdown",
|
||||
"css",
|
||||
"html",
|
||||
]
|
||||
categories = [
|
||||
"temas",
|
||||
"sintaxe",
|
||||
]
|
||||
series = ["Guia do Thema"]
|
||||
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.
|
||||
<!--more-->
|
||||
|
||||
## Cabeçalhos
|
||||
|
||||
Os seguintes elementos HTML `<h1>`—`<h6>` representam 6 níveis de cabeçalhos de seção. `<h1>` é para seções de nível mais alto enquanto `<h6>` é para o nível mais baixo.
|
||||
|
||||
# H1
|
||||
## H2
|
||||
### H3
|
||||
#### H4
|
||||
##### H5
|
||||
###### H6
|
||||
|
||||
## Parágrafo
|
||||
|
||||
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Citações
|
||||
|
||||
O elemento de citações representa um conteúdo citado de outra origem, opcionalmente com atribuição que deve estar contida em um elemento `footer` ou `cite`, e também opcionalmente com informações in-line como anotações e abreviações.
|
||||
|
||||
#### Citações sem atribuição
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Note** that you can use *Markdown syntax* within a blockquote.
|
||||
|
||||
#### Citações com atribuição
|
||||
|
||||
> Não comunique compartilhando memória, compartilhe memória comunicando.<br>
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^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.
|
||||
|
||||
## Tabelas
|
||||
|
||||
Tabelas não fazem parte do cerne da especificação do Markdown, mas o Hugo oferece suporte a elas.
|
||||
|
||||
Nome | Idade
|
||||
--------|-------
|
||||
Bob | 27
|
||||
Alice | 23
|
||||
|
||||
#### Tabelas com Markdown inline
|
||||
|
||||
| Italics | Bold | Code |
|
||||
| -------- | -------- | ------ |
|
||||
| *italics* | **bold** | `code` |
|
||||
|
||||
## Blocos de código
|
||||
|
||||
#### Blocos de código com crase
|
||||
|
||||
```html
|
||||
<!doctype html>
|
||||
<html lang="pt-br">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Exemplo de Documento HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Teste</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
#### Blocos de código com quatro espaços
|
||||
|
||||
<!doctype html>
|
||||
<html lang="pt-br">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Exemplo de Documento HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Teste</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
#### Blocos de código com highlight shortcode interno do Hugo
|
||||
|
||||
{{< highlight html >}}
|
||||
<!doctype html>
|
||||
<html lang="pt-br">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Exemplo de Documento HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Teste</p>
|
||||
</body>
|
||||
</html>
|
||||
{{< /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
|
||||
|
||||
## Outros Elementos — abbr, sub, sup, kbd, mark
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap.
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||
|
||||
Aperte <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> para fechar.
|
||||
|
||||
A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes, e outras criaturas pequenas.
|
||||
@@ -1,49 +0,0 @@
|
||||
---
|
||||
author: Hugo Authors
|
||||
title: Math Typesetting
|
||||
date: 2019-03-08
|
||||
description: A brief guide to setup KaTeX
|
||||
math: true
|
||||
---
|
||||
|
||||
Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
|
||||
<!--more-->
|
||||
|
||||
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 }}
|
||||
<!-- KaTeX -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
|
||||
{{ end }}
|
||||
{{</ math.inline >}}
|
||||
|
||||
### Examples
|
||||
|
||||
{{< math.inline >}}
|
||||
<p>
|
||||
Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
|
||||
</p>
|
||||
{{</ math.inline >}}
|
||||
|
||||
Block math:
|
||||
$$
|
||||
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
|
||||
$$
|
||||
@@ -1,49 +0,0 @@
|
||||
---
|
||||
author: Hugo Authors
|
||||
title: Configuração de Equações Matemáticas
|
||||
date: 2019-03-08
|
||||
description: Um guia rápido sobre utilizar KaTeX
|
||||
math: true
|
||||
---
|
||||
|
||||
Em um projeto Hugo as Notações Matemáticas podem ser usadas com a ajuda de bibliotecas JavaScript de terceiros.
|
||||
<!--more-->
|
||||
|
||||
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 }}
|
||||
<!-- KaTeX -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
|
||||
{{ end }}
|
||||
{{</ math.inline >}}
|
||||
|
||||
### Examples
|
||||
|
||||
{{< math.inline >}}
|
||||
<p>
|
||||
Notação inline: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
|
||||
</p>
|
||||
{{</ math.inline >}}
|
||||
|
||||
Notação em bloco:
|
||||
$$
|
||||
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
|
||||
$$
|
||||
@@ -1,33 +0,0 @@
|
||||
+++
|
||||
date = "2022-07-25"
|
||||
title = "Mermaid JS support"
|
||||
description = "The post demonstrates Mermaid JS support"
|
||||
series = ["Theme", "Hugo"]
|
||||
+++
|
||||
|
||||
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.
|
||||
|
||||
|
||||
{{<mermaid>}}
|
||||
flowchart LR
|
||||
|
||||
A --> B
|
||||
|
||||
B --> C
|
||||
|
||||
C --> D
|
||||
|
||||
D --> B
|
||||
{{</mermaid>}}
|
||||
|
||||
{{<mermaid>}}
|
||||
sequenceDiagram
|
||||
participant Alice
|
||||
participant Bob
|
||||
Alice->>Bob: Hi Bob
|
||||
Bob->>Alice: Hi Alice
|
||||
{{</mermaid>}}
|
||||
|
||||
|
||||
Find more example on [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/) website.
|
||||
@@ -1,43 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "More Rich Content"
|
||||
date = "2019-03-09"
|
||||
description = "A brief description about Hugo Coder's Custom Shortcodes"
|
||||
tags = [
|
||||
"shortcodes"
|
||||
]
|
||||
+++
|
||||
|
||||
Hugo Coder provides some Custom Shortcodes.
|
||||
<!--more-->
|
||||
---
|
||||
|
||||
## Shortcodes Avisos
|
||||
|
||||
{{< notice note >}}
|
||||
One note here.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice tip >}}
|
||||
I'm giving a tip about something.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice example >}}
|
||||
This is an example.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice question >}}
|
||||
Is this a question?
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice info >}}
|
||||
Notice that this box contain information.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice warning >}}
|
||||
This is the last warning!
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice error >}}
|
||||
There is an error in your code.
|
||||
{{< /notice >}}
|
||||
@@ -1,43 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Mais Conteúdo Rico"
|
||||
date = "2019-03-09"
|
||||
description = "Uma breve descrição sobre Shortcodes customizados do Hugo Coder"
|
||||
tags = [
|
||||
"shortcodes"
|
||||
]
|
||||
+++
|
||||
|
||||
O Hugo Coder proporciona alguns Shortcodes Customizados.
|
||||
<!--more-->
|
||||
---
|
||||
|
||||
## Shortcodes Avisos
|
||||
|
||||
{{< notice note >}}
|
||||
Uma nota aqui.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice tip >}}
|
||||
Estou lhe dando uma dica.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice example >}}
|
||||
Isso é um exemplo.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice question >}}
|
||||
Isso é um pergunta?
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice info >}}
|
||||
Note que essa caixa contém informações.
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice warning >}}
|
||||
Este é o último aviso!
|
||||
{{< /notice >}}
|
||||
|
||||
{{< notice error >}}
|
||||
Há um erro no seu código.
|
||||
{{< /notice >}}
|
||||
@@ -1,45 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Placeholder Text"
|
||||
date = "2019-03-09"
|
||||
description = "Lorem Ipsum Dolor Si Amet"
|
||||
tags = [
|
||||
"markdown",
|
||||
"text",
|
||||
]
|
||||
+++
|
||||
|
||||
Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
|
||||
|
||||
1. Exierant elisi ambit vivere dedere
|
||||
2. Duce pollice
|
||||
3. Eris modo
|
||||
4. Spargitque ferrea quos palude
|
||||
|
||||
Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
|
||||
|
||||
1. Comas hunc haec pietate fetum procerum dixit
|
||||
2. Post torum vates letum Tiresia
|
||||
3. Flumen querellas
|
||||
4. Arcanaque montibus omnes
|
||||
5. Quidem et
|
||||
|
||||
# Vagus elidunt
|
||||
|
||||
<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
|
||||
|
||||
[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
|
||||
|
||||
## Mane refeci capiebant unda mulcebat
|
||||
|
||||
Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
|
||||
|
||||
Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
|
||||
|
||||
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.
|
||||
|
||||
{{< css.inline >}}
|
||||
<style>
|
||||
.canon { background: white; width: 100%; height: auto; }
|
||||
</style>
|
||||
{{< /css.inline >}}
|
||||
@@ -1,45 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Texto de Exemplo"
|
||||
date = "2019-03-09"
|
||||
description = "Lorem Ipsum Dolor Si Amet"
|
||||
tags = [
|
||||
"markdown",
|
||||
"text",
|
||||
]
|
||||
+++
|
||||
|
||||
Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
|
||||
|
||||
1. Exierant elisi ambit vivere dedere
|
||||
2. Duce pollice
|
||||
3. Eris modo
|
||||
4. Spargitque ferrea quos palude
|
||||
|
||||
Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
|
||||
|
||||
1. Comas hunc haec pietate fetum procerum dixit
|
||||
2. Post torum vates letum Tiresia
|
||||
3. Flumen querellas
|
||||
4. Arcanaque montibus omnes
|
||||
5. Quidem et
|
||||
|
||||
# Vagus elidunt
|
||||
|
||||
<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
|
||||
|
||||
[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
|
||||
|
||||
## Mane refeci capiebant unda mulcebat
|
||||
|
||||
Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
|
||||
|
||||
Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
|
||||
|
||||
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.
|
||||
|
||||
{{< css.inline >}}
|
||||
<style>
|
||||
.canon { background: white; width: 100%; height: auto; }
|
||||
</style>
|
||||
{{< /css.inline >}}
|
||||
@@ -1,34 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Rich Content"
|
||||
date = "2019-03-10"
|
||||
description = "A brief description of Hugo Shortcodes"
|
||||
tags = [
|
||||
"shortcodes",
|
||||
"privacy",
|
||||
]
|
||||
+++
|
||||
|
||||
Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
||||
<!--more-->
|
||||
---
|
||||
|
||||
## YouTube Privacy Enhanced Shortcode
|
||||
|
||||
{{< youtube ZJthWmvUzzc >}}
|
||||
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
## Twitter Simple Shortcode
|
||||
|
||||
{{< twitter_simple 1085870671291310081 >}}
|
||||
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
## Vimeo Simple Shortcode
|
||||
|
||||
{{< vimeo_simple 48912912 >}}
|
||||
@@ -1,34 +0,0 @@
|
||||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Conteúdo Rico"
|
||||
date = "2019-03-10"
|
||||
description = "Uma breve descrição sobre Shortcodes do Hugo"
|
||||
tags = [
|
||||
"shortcodes",
|
||||
"privacy",
|
||||
]
|
||||
+++
|
||||
|
||||
O Hugo vem com vários [Shortcodes Internos](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) para conteúdo rico, assim como uma [Configuração de Privacidade](https://gohugo.io/about/hugo-and-gdpr/) e uma gama de Shortcodes simples que permitem embutir versões estáticas e sem JS de várias de redes sociais.
|
||||
<!--more-->
|
||||
---
|
||||
|
||||
## Shortcode do YouTube com privacidade melhorada
|
||||
|
||||
{{< youtube ZJthWmvUzzc >}}
|
||||
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
## Shortcode simples do Twitter
|
||||
|
||||
{{< twitter_simple 1085870671291310081 >}}
|
||||
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
## Shortcode simples do Vimeo
|
||||
|
||||
{{< vimeo_simple 48912912 >}}
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Projects"
|
||||
slug = "projects"
|
||||
+++
|
||||
|
||||
Nothing to see here... Move along!
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Projetos"
|
||||
slug = "projects"
|
||||
+++
|
||||
|
||||
Nada para ver aqui.. Circulando!
|
||||
Reference in New Issue
Block a user