Aprenda Python
Hugo Blox Builder é projetado para dar aos criadores de conteúdo técnico uma experiência perfeita. Você pode se concentrar no conteúdo e o Hugo Blox Builder, no qual este modelo é construído, cuida do resto.
Incorpore vídeos, podcasts, código, matemática LaTeX e até teste alunos!
Nesta página, você encontrará alguns exemplos dos tipos de conteúdo técnico que podem ser renderizados com Hugo Blox.
Vídeo
Ensine seu curso compartilhando vídeos com seus alunos. Escolha uma das seguintes abordagens:
Youtube:
{{< youtube w7Ft2ymGmfc >}}
Bilibili:
{{< bilibili id="BV1WV4y1r7DF" >}}
Arquivo de vídeo
Vídeos podem ser adicionados a uma página colocando-os em sua biblioteca de mídia assets/media/ ou na pasta da página, e então incorporando-os com o shortcode video:
{{< video src="my_video.mp4" controls="yes" >}}
Podcast
Você pode adicionar um podcast ou música a uma página colocando o arquivo MP3 na pasta da página ou na pasta da biblioteca de mídia e então incorporando o áudio em sua página com o shortcode audio:
{{< audio src="ambient-piano.mp3" >}}
Experimente:
Teste alunos
Forneça uma autoavaliação simples, mas divertida, revelando as soluções para desafios com o shortcode spoiler:
{{< spoiler text="👉 Clique para ver a solução" >}}
Você me encontrou!
{{< /spoiler >}}
renderiza como
👉 Clique para ver a solução
Matemática
Hugo Blox Builder suporta uma extensão Markdown para matemática $\LaTeX$. Você pode ativar este recurso alternando a opção math em seu arquivo config/_default/params.yaml.
Para renderizar matemática inline ou em bloco, envolva sua matemática LaTeX com {{< math >}}$...${{< /math >}} ou {{< math >}}$$...$${{< /math >}}, respectivamente.
Exemplo de bloco matemático:
{{< math >}}
$$
\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}
$$
{{< /math >}}
renderiza como
$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$Exemplo de matemática inline {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}} renderiza como $\nabla F(\mathbf{x}_{n})$
.
Exemplo de matemática multilinha usando a quebra de linha matemática (\\):
{{< math >}}
$$f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
1-p_{0}^{*} & \text{if }k=0.\end{cases}$$
{{< /math >}}
renderiza como
$$ f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ 1-p_{0}^{*} & \text{if }k=0.\end{cases} $$Código
Hugo Blox Builder utiliza a extensão Markdown do Hugo para destacar sintaxe de código. O tema do código pode ser selecionado no arquivo config/_default/params.yaml.
```python
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
```
renderiza como
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
Imagens Inline
{{< icon name="python" >}} Python
renderiza como
Python
Comentários