diff options
| author | leo <azuminha1@gmail.co> | 2025-10-16 20:20:15 -0300 |
|---|---|---|
| committer | leo <azuminha1@gmail.co> | 2025-10-16 20:20:15 -0300 |
| commit | 0e191433328094673dacc22b16cc5d3bac02c4dc (patch) | |
| tree | 6d0ce9d11b1b6039a392c4a36b25263ae2ec417c | |
| parent | 8e7996214af853803c4dd04534b1f5646b0ac1c5 (diff) | |
;
61 files changed, 3937 insertions, 3 deletions
diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..d88a632 --- /dev/null +++ b/content/_index.md @@ -0,0 +1,24 @@ +--- +title: Home +description: "The personal writings and expressions of Grayfox, otherwise known as you too and everyone else. It is a loving and silly place." +--- +<img + id="foxy" + src="/images/pp.jpeg" + alt="cat"> + +## :seedling: Bem-vindo + +Aqui guardo anotações, ideias, experimentos e bobeiras. +Não é um manual, mas talvez alguma coisa ajude alguém além de mim. + +<!-- <img src="/images/partywizard.gif"> --> +[files](https://azuminha.com/files) + +--- +## Sei la +[url shortener](http://sl.azuminha.com) + +--- + +## Musings diff --git a/content/post/Bem-vindo.md b/content/post/Bem-vindo.md new file mode 100644 index 0000000..4cb06b1 --- /dev/null +++ b/content/post/Bem-vindo.md @@ -0,0 +1,8 @@ ++++ +date = '2025-09-27T20:29:44-03:00' +title = 'Bem Vindo' ++++ + +## Bem vindo + +Aqui é somente um teste diff --git a/content/post/host-a-blog-with-hugo.md b/content/post/host-a-blog-with-hugo.md new file mode 100644 index 0000000..f8cea98 --- /dev/null +++ b/content/post/host-a-blog-with-hugo.md @@ -0,0 +1,279 @@ ++++ +date = '2025-09-30T03:09:52-03:00' +draft = false +title = 'Host a Blog With Hugo' +tags = ["blog", "hugo", "server"] +categories = ["web", "self-hosted"] +description = "Tutorial de como criar um blog com Hugo e integrar comentários usando Comentario." ++++ + +Hoje vou mostar como fiz para setar um blog com comentários usando [Hugo](https://gohugo.io/) e [Comentario](https://comentario.app/en/). + +- **Hugo** é um framework open source para construção de websites estáticos, extremamente rápido e flexível. +- **Comentario** é uma engine open source de comentários, fácil de integrar e auto-hospedável. + +## 1. Utilizando o Hugo +### Instalando o hugo +Se sua distribuição linux for baseado em Debian rode o comando + +```bash +$ sudo apt install hugo +``` + +caso contrario você pode verificar na documentação. + +Agora que você já tem ele instalado basta dar +```bash +hugo new site {nome-do-seu-blog} +``` +que ele criara uma pasta com tudo que eh necessario. + +### Instalando um tema +Para instalar um tema veja os temas disponiveis pela comunidade no [link](https://themes.gohugo.io/), no meu caso atualmente estou usando o [Hugo - Classic](https://themes.gohugo.io/themes/hugo-classic/). +Depois de achar um que gostou faca: +```bash +cd {nome-do-seu-blog}/themes +git init +git submodule add link-do-github +``` + +Abra o arquivo hugo.toml e edite a variavel theme para a pasta criada dentro da pasta do hugo. + +### Criando um post +Para criar um post eh muito simples tambem, basta rodar +```bash +hugo new content content/post/nome-do-post.md +``` +Agora basta escrever o seu post em com markdown. Acesse [aqui](https://www.markdownguide.org/cheat-sheet/) para mais informacoes sobre markdown. + +### Buildando +Para finalizar rode +```bash +hugo +``` +que ele vai atualizar tudo que eh necessario e publicar seu post + +--- +## 2. Setando o comentario +Existem diversas formas de voce instalar o comentario, porem eu fiz isso utilizando docker. Para isso certifique que você tenha o docker instalado +```bash +docker version +``` +e crie um arquivo chamado docker-compose.yml +```docker +services: + app: + image: registry.gitlab.com/comentario/comentario:latest-ubuntu + environment: + BASE_URL: https://sua-url # mude aqui para sua url + SECRETS_FILE: "/secrets.yaml" + ports: + - "6969:80" # mude para a porta que você quiser + volumes: + - ./secrets.yaml:/secrets.yaml:ro + restart: always +``` +essa eh so uma possivel forma, você pode editar o arquivo da maneira que preferir. + +Note que vou utilizar o sqlite3 como banco de dados (pois é usa menos memória), caso você queria usar postgress, ou usar um servidor diferente para o banco de dados você deve editar esse arquivo. + +Na mesma pasta crie um arquivo chamado secrets.yaml +``` +sqlite3: + file: ./comentario.db +``` +Essa eh a configuracao minima que você deve fazer caso queria utilizar o sqlite3. + +agora rode no terminal +```bash +docker compose up -d +``` + +Para finalizar basta adicionar no arquivo ./themes/hugo-classic/layouts/_default/single.html +```html +<script defer src="https://sua-url/comentario.js"></script> +<comentario-comments></comentario-comments> +``` + +Agora eh so acessar a url que voce colocou e setar adicionar o seu servidor, como eh bem intuitivo nao vou colocar aqui + +--- + +## 3. Setando o NGINX +Caso você utilize o nginx como servidor web basta configurar a pagina principal como +```bash +server { + root /var/www/azuminha.com/public; + + index index.html index.htm index.nginx-debian.html; + + server_name azuminha.com www.azuminha.com; # mude aqui para sua url + + charset UTF-8; + + location / { + try_files $uri $uri/ =404; + } +} +``` + +Você tambem deve arrumar um proxy reverso para a porta que o servico do comentario esta rodando. +```bash +server { + server_name comments.azuminha.com; # sua url que utilizou para configurar o comentario + + location / { + proxy_pass http://0.0.0.0:6969/; # mude para a porta que vc utilizou + proxy_set_header Host 127.0.0.1; + proxy_set_header X-Real-IP $remote_addr; + proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; + proxy_set_header X-Forwarded-Proto $scheme; + } +``` + +Pronto agora você tem seu proprio blog hospedado pro você mesmo, sem dependencias externas. :smile: ++++ +date = '2025-09-30T03:09:52-03:00' +draft = false +title = 'Host a Blog With Hugo' +tags = ["blog", "hugo", "server"] +categories = ["web", "self-hosted"] +description = "Tutorial de como criar um blog com Hugo e integrar comentários usando Comentario." ++++ + +Hoje vou mostrar como fiz para configurar um blog com comentários usando [Hugo](https://gohugo.io/) e [Comentario](https://comentario.app/en/). + +- **Hugo** é um framework open source para construção de websites estáticos, extremamente rápido e flexível. +- **Comentario** é uma engine open source de comentários, fácil de integrar e auto-hospedável. + +## 1. Utilizando o Hugo +### Instalando o Hugo +Se sua distribuição Linux for baseada em Debian, rode o comando: + +```bash +sudo apt install hugo +``` + +Caso contrário, você pode verificar a instalação na documentação oficial. + +Agora que ele já está instalado, basta rodar: +```bash +hugo new site {nome-do-seu-blog} +``` +Isso criará uma pasta com tudo o que é necessário. + +### Instalando um tema +Para instalar um tema, veja os temas disponíveis pela comunidade no [link](https://themes.gohugo.io/). +No meu caso, atualmente estou usando o [Hugo - Classic](https://themes.gohugo.io/themes/hugo-classic/). + +Depois de achar um tema que gostou, faça: +```bash +cd {nome-do-seu-blog}/themes +git init +git submodule add link-do-github +``` + +Abra o arquivo `hugo.toml` e edite a variável `theme` para o nome da pasta criada dentro de `themes`. + +### Criando um post +Para criar um post é muito simples também, basta rodar: +```bash +hugo new content content/post/nome-do-post.md +``` +Agora é só escrever seu post em Markdown. +Acesse [aqui](https://www.markdownguide.org/cheat-sheet/) para mais informações sobre Markdown. + +### Buildando +Para finalizar, rode: +```bash +hugo +``` +Ele vai atualizar tudo o que for necessário e publicar seu post. + +--- + +## 2. Configurando o Comentario +Existem diversas formas de instalar o Comentario, porém eu fiz isso utilizando Docker. +Para isso, certifique-se de que você tenha o Docker instalado: +```bash +docker version +``` + +Crie um arquivo chamado `docker-compose.yml`: +```docker +services: + app: + image: registry.gitlab.com/comentario/comentario:latest-ubuntu + environment: + BASE_URL: https://sua-url # mude aqui para sua URL + SECRETS_FILE: "/secrets.yaml" + ports: + - "6969:80" # mude para a porta que você quiser + volumes: + - ./secrets.yaml:/secrets.yaml:ro + restart: always +``` + +Essa é apenas uma configuração possível — você pode editar o arquivo da maneira que preferir. + +Note que estou utilizando o **SQLite3** como banco de dados (pois usa menos memória). +Caso você queira usar **PostgreSQL** ou hospedar o banco de dados em outro servidor, edite esse arquivo conforme necessário. + +Na mesma pasta, crie um arquivo chamado `secrets.yaml`: +``` +sqlite3: + file: ./comentario.db +``` +Essa é a configuração mínima para utilizar o SQLite3. + +Agora rode no terminal: +```bash +docker compose up -d +``` + +Para finalizar, basta adicionar no arquivo `./themes/hugo-classic/layouts/_default/single.html`: +```html +<script defer src="https://sua-url/comentario.js"></script> +<comentario-comments></comentario-comments> +``` + +Agora é só acessar a URL que você configurou e adicionar o seu servidor. +Como é bem intuitivo, não vou detalhar essa parte aqui. + +--- + +## 3. Configurando o NGINX +Caso você utilize o **NGINX** como servidor web, basta configurar a página principal assim: +```bash +server { + root /var/www/azuminha.com/public; + + index index.html index.htm index.nginx-debian.html; + + server_name azuminha.com www.azuminha.com; # mude aqui para sua URL + + charset UTF-8; + + location / { + try_files $uri $uri/ =404; + } +} +``` + +Você também deve configurar um **proxy reverso** para a porta em que o serviço do Comentario está rodando: +```bash +server { + server_name comments.azuminha.com; # sua URL utilizada para configurar o Comentario + + location / { + proxy_pass http://0.0.0.0:6969/; # mude para a porta que você utilizou + proxy_set_header Host 127.0.0.1; + proxy_set_header X-Real-IP $remote_addr; + proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; + proxy_set_header X-Forwarded-Proto $scheme; + } +} +``` + +Pronto! Agora você tem seu próprio blog hospedado por você mesmo, sem dependências externas. 😄 + @@ -1,3 +1,49 @@ -baseURL = 'https://example.org/' -languageCode = 'en-us' -title = 'My New Hugo Site' +baseurl = "https://azuminha.com" +baseURL = "https://azuminha.com" +baseUrl = "https://azuminha.com" +enableEmoji = true +footnotereturnlinkcontents = "↩" +googleAnalytics = "" +ignoreFiles = ["\\.Rmd$", "_files$", "_cache$"] +languageCode = "en-us" +theme = "hugo-classic" +title = "azuminha" + +[markup.goldmark.renderer] +unsafe = true + +[markup.highlight] +anchorLineNos = false +codeFences = true +guessSyntax = false +hl_Lines = "" +lineAnchors = "" +lineNoStart = 1 +lineNos = false +lineNumbersInTable = true +noClasses = true +style = "monokai" +tabWidth = 4 + +[permalinks] +post = "/post/:year/:month/:day/:slug/" + +[[menu.main]] +name = "Categories" +url = "/categories/" +weight = 1 +[[menu.main]] +name = "Tags" +url = "/tags/" +[[menu.main]] +name = "Git" +url = "https://git.azuminha.com/" +weight = 2 +[[menu.feed]] +name = "Subscribe" +url = "/index.xml" + +[params] +custom_css = ["css/theme-override.css"] +description = "A simple, minimal blog for those who love text." +footer = "[Git](https://git.azuminha.com)" diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000..c108ef7 --- /dev/null +++ b/public/404.html @@ -0,0 +1,96 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>404 Page not found | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +404 - You once were found. But now you're lost. + + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/blog/index.html b/public/categories/blog/index.html new file mode 100644 index 0000000..ecc2de8 --- /dev/null +++ b/public/categories/blog/index.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Blog | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left current"> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Blog</h1> + + + + + <ul> + + + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/blog/index.xml b/public/categories/blog/index.xml new file mode 100644 index 0000000..7809923 --- /dev/null +++ b/public/categories/blog/index.xml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Blog on azuminha</title> + <link>http://localhost:1313/categories/blog/</link> + <description>Recent content in Blog on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <atom:link href="http://localhost:1313/categories/blog/index.xml" rel="self" type="application/rss+xml" /> + </channel> +</rss> diff --git a/public/categories/bullhorn/index.html b/public/categories/bullhorn/index.html new file mode 100644 index 0000000..1c069eb --- /dev/null +++ b/public/categories/bullhorn/index.html @@ -0,0 +1,107 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Bullhorn | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left current"> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Bullhorn</h1> + + + + + <ul> + + + + <li> + <span class="date">2012/04/23</span> + <a href="/post/2012/04/23/hacker-with-horn/">Hacker with Bullhorn</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/bullhorn/index.xml b/public/categories/bullhorn/index.xml new file mode 100644 index 0000000..d8c20f2 --- /dev/null +++ b/public/categories/bullhorn/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Bullhorn on azuminha</title> + <link>http://localhost:1313/categories/bullhorn/</link> + <description>Recent content in Bullhorn on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Mon, 23 Apr 2012 00:00:00 +0000</lastBuildDate> + <atom:link href="http://localhost:1313/categories/bullhorn/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Hacker with Bullhorn</title> + <link>http://localhost:1313/post/2012/04/23/hacker-with-horn/</link> + <pubDate>Mon, 23 Apr 2012 00:00:00 +0000</pubDate> + <guid>http://localhost:1313/post/2012/04/23/hacker-with-horn/</guid> + <description><p>Hacker with bullhorn: &ldquo;Save your money! Accept one of our free tanks! It is invulnerable, and can drive across rocks and swamps at ninety miles an hour while getting a hundred miles to the gallon!&rdquo;</p>
<p>Prospective station wagon buyer: &ldquo;I know what you say is true&hellip;but&hellip;er&hellip;I don&rsquo;t know how to maintain a tank!&rdquo;</p>
<p>Bullhorn: &ldquo;You don&rsquo;t know how to maintain a station wagon either!&rdquo;</p>
<p>Buyer: &ldquo;But this dealership has mechanics on staff. If something goes wrong with my station wagon, I can take a day off work, bring it here, and pay them to work on it while I sit in the waiting room for hours, listening to elevator music.&rdquo;</p></description> + </item> + </channel> +</rss> diff --git a/public/categories/code/index.html b/public/categories/code/index.html new file mode 100644 index 0000000..e429480 --- /dev/null +++ b/public/categories/code/index.html @@ -0,0 +1,107 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Code | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left current"> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Code</h1> + + + + + <ul> + + + + <li> + <span class="date">2012/01/23</span> + <a href="/post/2012/01/23/juicy-code/">Juicy Code</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/code/index.xml b/public/categories/code/index.xml new file mode 100644 index 0000000..2f89b49 --- /dev/null +++ b/public/categories/code/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Code on azuminha</title> + <link>http://localhost:1313/categories/code/</link> + <description>Recent content in Code on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Mon, 23 Jan 2012 00:00:00 +0000</lastBuildDate> + <atom:link href="http://localhost:1313/categories/code/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Juicy Code</title> + <link>http://localhost:1313/post/2012/01/23/juicy-code/</link> + <pubDate>Mon, 23 Jan 2012 00:00:00 +0000</pubDate> + <guid>http://localhost:1313/post/2012/01/23/juicy-code/</guid> + <description><p>Check out this JUICY! code:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-ruby" data-lang="ruby"><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_value_from_database</span>(value)
</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>from_database(name, value, type)
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_cast_value</span>(value)
</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>with_cast_value(name, value, type)
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_type</span>(type)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> changed_in_place?
</span></span><span style="display:flex;"><span> with_value_from_user(value)<span style="color:#f92672">.</span>with_type(type)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">else</span>
</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>new(name, value_before_type_cast, type, original_attribute)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">end</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span>
</span></span></code></pre></div></description> + </item> + </channel> +</rss> diff --git a/public/categories/example/index.html b/public/categories/example/index.html new file mode 100644 index 0000000..5d1e178 --- /dev/null +++ b/public/categories/example/index.html @@ -0,0 +1,112 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Example | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left current"> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Example</h1> + + + + + <ul> + + + + <li> + <span class="date">2018/08/30</span> + <a href="/post/2018/08/30/markdown-guide-modified/">Markdown Guide (modified)</a> + </li> + + <li> + <span class="date">2012/04/23</span> + <a href="/post/2012/04/23/hacker-with-horn/">Hacker with Bullhorn</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/example/index.xml b/public/categories/example/index.xml new file mode 100644 index 0000000..e76eea6 --- /dev/null +++ b/public/categories/example/index.xml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Example on azuminha</title> + <link>http://localhost:1313/categories/example/</link> + <description>Recent content in Example on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Thu, 30 Aug 2018 00:00:00 +0000</lastBuildDate> + <atom:link href="http://localhost:1313/categories/example/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Markdown Guide (modified)</title> + <link>http://localhost:1313/post/2018/08/30/markdown-guide-modified/</link> + <pubDate>Thu, 30 Aug 2018 00:00:00 +0000</pubDate> + <guid>http://localhost:1313/post/2018/08/30/markdown-guide-modified/</guid> + <description><h1 id="an-h1-header">An h1 header</h1>
<p>Paragraphs are separated by a blank line.</p>
<p>2nd paragraph. <em>Italic</em>, <strong>bold</strong>, and <code>monospace</code>. Itemized lists
look like:</p>
<ul>
<li>this one</li>
<li>that one</li>
<li>the other one</li>
</ul>
<p>Note that &mdash; not considering the asterisk &mdash; the actual text
content starts at 4-columns in.</p>
<blockquote>
<p>Block quotes are
written like so.</p>
<p>They can span multiple paragraphs,
if you like.</p></blockquote>
<p>Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., &ldquo;it&rsquo;s all
in chapters 12&ndash;14&rdquo;). Three dots &hellip; will be converted to an ellipsis.
Unicode is supported. ☺</p></description> + </item> + <item> + <title>Hacker with Bullhorn</title> + <link>http://localhost:1313/post/2012/04/23/hacker-with-horn/</link> + <pubDate>Mon, 23 Apr 2012 00:00:00 +0000</pubDate> + <guid>http://localhost:1313/post/2012/04/23/hacker-with-horn/</guid> + <description><p>Hacker with bullhorn: &ldquo;Save your money! Accept one of our free tanks! It is invulnerable, and can drive across rocks and swamps at ninety miles an hour while getting a hundred miles to the gallon!&rdquo;</p>
<p>Prospective station wagon buyer: &ldquo;I know what you say is true&hellip;but&hellip;er&hellip;I don&rsquo;t know how to maintain a tank!&rdquo;</p>
<p>Bullhorn: &ldquo;You don&rsquo;t know how to maintain a station wagon either!&rdquo;</p>
<p>Buyer: &ldquo;But this dealership has mechanics on staff. If something goes wrong with my station wagon, I can take a day off work, bring it here, and pay them to work on it while I sit in the waiting room for hours, listening to elevator music.&rdquo;</p></description> + </item> + </channel> +</rss> diff --git a/public/categories/index.html b/public/categories/index.html new file mode 100644 index 0000000..0828aa2 --- /dev/null +++ b/public/categories/index.html @@ -0,0 +1,108 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Categories | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left current"> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<h1>Categories</h1> + +<ul class="terms"> + + <li> + <a href="http://localhost:1313/categories/self-hosted/">Self-Hosted</a> (1) + </li> + + <li> + <a href="http://localhost:1313/categories/web/">Web</a> (1) + </li> + +</ul> + + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/index.xml b/public/categories/index.xml new file mode 100644 index 0000000..8b0fbff --- /dev/null +++ b/public/categories/index.xml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Categories on azuminha</title> + <link>http://localhost:1313/categories/</link> + <description>Recent content in Categories on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Self-Hosted</title> + <link>http://localhost:1313/categories/self-hosted/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/categories/self-hosted/</guid> + <description></description> + </item> + <item> + <title>Web</title> + <link>http://localhost:1313/categories/web/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/categories/web/</guid> + <description></description> + </item> + </channel> +</rss> diff --git a/public/categories/self-hosted/index.html b/public/categories/self-hosted/index.html new file mode 100644 index 0000000..2f0beef --- /dev/null +++ b/public/categories/self-hosted/index.html @@ -0,0 +1,112 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Self-Hosted | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left current"> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Self-Hosted</h1> + + + + + <ul> + + + + <li> + <span class="date">2025/09/30</span> + <a href="/post/2025/09/30/host-a-blog-with-hugo/">Host a Blog With Hugo</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/self-hosted/index.xml b/public/categories/self-hosted/index.xml new file mode 100644 index 0000000..9081016 --- /dev/null +++ b/public/categories/self-hosted/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Self-Hosted on azuminha</title> + <link>http://localhost:1313/categories/self-hosted/</link> + <description>Recent content in Self-Hosted on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/categories/self-hosted/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Host a Blog With Hugo</title> + <link>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</guid> + <description><p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p>
<ul>
<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li>
<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li>
</ul>
<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2>
<ol>
<li>Instale o hugo
Se sua distribuição linux for baseado em Debian rode o comando</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>sudo apt install hugo
</span></span></code></pre></div><pre tabindex="0"><code>
caso contrario você pode verificar na documentação
</code></pre><pre tabindex="0"><code></code></pre></description> + </item> + </channel> +</rss> diff --git a/public/categories/web/index.html b/public/categories/web/index.html new file mode 100644 index 0000000..299e26b --- /dev/null +++ b/public/categories/web/index.html @@ -0,0 +1,112 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Web | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left current"> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Web</h1> + + + + + <ul> + + + + <li> + <span class="date">2025/09/30</span> + <a href="/post/2025/09/30/host-a-blog-with-hugo/">Host a Blog With Hugo</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/categories/web/index.xml b/public/categories/web/index.xml new file mode 100644 index 0000000..01cb5dd --- /dev/null +++ b/public/categories/web/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Web on azuminha</title> + <link>http://localhost:1313/categories/web/</link> + <description>Recent content in Web on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/categories/web/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Host a Blog With Hugo</title> + <link>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</guid> + <description><p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p>
<ul>
<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li>
<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li>
</ul>
<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2>
<ol>
<li>Instale o hugo
Se sua distribuição linux for baseado em Debian rode o comando</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>sudo apt install hugo
</span></span></code></pre></div><pre tabindex="0"><code>
caso contrario você pode verificar na documentação
</code></pre><pre tabindex="0"><code></code></pre></description> + </item> + </channel> +</rss> diff --git a/public/css/fonts.css b/public/css/fonts.css new file mode 100644 index 0000000..da969a7 --- /dev/null +++ b/public/css/fonts.css @@ -0,0 +1,31 @@ +@import url('https://rsms.me/inter/inter.css'); +html { font-family: + 'Inter', + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol'; + } +@supports (font-variation-settings: normal) { + html { font-family: + 'Inter var', + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol'; + } +} + +code { + font-family: + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; + font-size: 85%; +} diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..c68c01c --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,239 @@ +/* Dark mode */ +@media (prefers-color-scheme: dark) { + body { + background-color: #393E41; + color: white; + } + + blockquote { + background: #393E41; + } + + a { + color: #EBC3DB; + } + + header { + background: #393E41; + border-bottom: 2px dotted #EBC3DB; + + } + + .article-meta, .menu a { + background: #393E41; + color: white; + } + + table { + margin: auto; + border-top: 1px solid #666; + border-bottom: 1px solid #666; + } + table thead th { border-bottom: 1px solid #666; } + th, td { padding: 5px; } + tr:nth-child(even) { background: #666 } + +} + + +/* Light mode */ +@media (prefers-color-scheme: light) { + blockquote { + background: #f9f9f9; + } + + a { + color: #613DC1; + } + + header { + background: #613DC1; + } + + .article-meta, .menu a { + background: #E8DBC5; + color: #000; + } + + table { + margin: auto; + border-top: 1px solid #666; + border-bottom: 1px solid #666; + } + table thead th { border-bottom: 1px solid #ddd; } + th, td { padding: 5px; } + tr:nth-child(even) { background: #eee } + +} + + +body { + max-width: 800px; + margin: auto; + padding: .2em; + line-height: 1.5em; +} + +h1 { + line-height: 1.5em; +} + +/* Table of Contents, if wanted + +Add to yaml: + +output: + blogdown::html_page: + toc: true + + */ + +#TableOfContents, #TOC { + border: 1px solid #eee; + border-radius: 5px; +} + +/* Header and Footer */ +.menu li { display: inline-block; } +.article-meta, .menu a { + text-decoration: none; + padding: 5px; + border-radius: 5px; + border-style: dotted; + border-width: 1px; + margin: 20px 0px 20px 0px; +} + +.terms { font-size: .9em; } +.menu, .article-meta, footer { text-align: center; } +.title { font-size: 1.1em; } +footer a { text-decoration: none; } + +.pull-left { + float: left +} +.pull-right { + float: right +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +/* Adjust background at your leisure! */ +header { + position: relative; + width: 100%; + height: 1.75rem; + font-size: 1rem; +} + +header ul, +header ol { + margin: 0; + padding: 0; + list-style: none +} +header nav { + padding: 0 0.5rem +} + +header a { + color: #fff; + line-height: 1.75rem; + padding: 0 0.5rem +} +header a:hover, +header .current a { + color: #fff +} + +/* Code Boxes */ +pre { + border: 2px solid #EBC3DB; + padding: 1em; + overflow-x: auto; +} +pre code { background: none; } + +code { + background-color: light-dark(#D6D6D6, #888); + border-radius: 3px; + padding: 0.2em; + overflow-x: auto; +} + +/* Images, tables, misc. */ +img, iframe, video { + max-width: 100%; + height: auto; + display: block; + margin-left: auto; + margin-right: auto; +} + +main { + hyphens: auto; + max-width: 650px; + margin-left: auto; + margin-right: auto; + line-height: 1.7em; + hyphens: auto; + display: block; + font-size: 1.1em; +} +main a { + font-weight: bold; +} + +blockquote { + + border-left: 5px solid #ccc; + padding: 3px 1em 3px; +} + +.content-wrapper { + padding: 0px 12px 0px 12px; +} +#foxy { + min-width: 40px; + float: right; + padding: 10px; + display: block; +} + + +#table-of-contents { +} + +/* Small devices, phones */ +@media only screen and (min-width : 480px) { + #foxy { + min-width: 40px; + float: center; + padding: 10px 10px 10px 20px; + display: block; + } + +} + +/* 在大屏幕上应用特定样式 */ +@media screen and (min-width: 768px) { + #table-of-contents { + position: fixed; /* 固定定位，使其悬浮在页面上 */ + top: 50%; /* 上边距为50% */ + right: 15px; /* 右边距为0，将其放在右侧 */ + transform: translateY(-50%); /* 使用transform来垂直居中 */ + background-color: #f0f0f0; /* 设置背景颜色 */ + padding: 10px; /* 添加一些内边距以增加可读性 */ + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */ + width: 250px; /* 设置宽度 */ + max-height: 70vh; /* 设置最大高度为视口的70% */ + overflow-y: auto; /* 添加垂直滚动条 */ + } +} + diff --git a/public/css/theme-override.css b/public/css/theme-override.css new file mode 100644 index 0000000..1e8f759 --- /dev/null +++ b/public/css/theme-override.css @@ -0,0 +1 @@ +footer { font-size: 90%; } diff --git a/public/images/android-chrome-192x192.png b/public/images/android-chrome-192x192.png Binary files differnew file mode 100644 index 0000000..4bf78af --- /dev/null +++ b/public/images/android-chrome-192x192.png diff --git a/public/images/android-chrome-512x512.png b/public/images/android-chrome-512x512.png Binary files differnew file mode 100644 index 0000000..8bf4499 --- /dev/null +++ b/public/images/android-chrome-512x512.png diff --git a/public/images/apple-touch-icon.png b/public/images/apple-touch-icon.png Binary files differnew file mode 100644 index 0000000..c5870fa --- /dev/null +++ b/public/images/apple-touch-icon.png diff --git a/public/images/favicon-16x16.png b/public/images/favicon-16x16.png Binary files differnew file mode 100644 index 0000000..5444143 --- /dev/null +++ b/public/images/favicon-16x16.png diff --git a/public/images/favicon-32x32.png b/public/images/favicon-32x32.png Binary files differnew file mode 100644 index 0000000..257696f --- /dev/null +++ b/public/images/favicon-32x32.png diff --git a/public/images/favicon.ico b/public/images/favicon.ico Binary files differnew file mode 100644 index 0000000..83ec83e --- /dev/null +++ b/public/images/favicon.ico diff --git a/public/images/grayf0x.jpg b/public/images/grayf0x.jpg Binary files differnew file mode 100755 index 0000000..46819d5 --- /dev/null +++ b/public/images/grayf0x.jpg diff --git a/public/images/partywizard.gif b/public/images/partywizard.gif Binary files differnew file mode 100644 index 0000000..1c1d813 --- /dev/null +++ b/public/images/partywizard.gif diff --git a/public/images/pp.jpeg b/public/images/pp.jpeg Binary files differnew file mode 100644 index 0000000..cd2af6a --- /dev/null +++ b/public/images/pp.jpeg diff --git a/public/images/screenshot.png b/public/images/screenshot.png Binary files differnew file mode 100644 index 0000000..0dc8a8c --- /dev/null +++ b/public/images/screenshot.png diff --git a/public/images/tn.png b/public/images/tn.png Binary files differnew file mode 100644 index 0000000..f58c780 --- /dev/null +++ b/public/images/tn.png diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..d06087a --- /dev/null +++ b/public/index.html @@ -0,0 +1,130 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head> + <meta name="generator" content="Hugo 0.150.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="The personal writings and expressions of Grayfox, otherwise known as you too and everyone else. It is a loving and silly place."> + <title>Home | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left current"> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + + <p><img +id="foxy" +src="/images/pp.jpeg" +alt="cat"></p> +<h2 id="seedling-bem-vindo">🌱 Bem-vindo</h2> +<p>Aqui guardo anotações, ideias, experimentos e bobeiras. +Não é um manual, mas talvez alguma coisa ajude alguém além de mim.</p> +<!-- <img src="/images/partywizard.gif"> --> +<p><a href="https://azuminha.com/files">files</a></p> +<hr> +<h2 id="sei-la">Sei la</h2> +<p><a href="http://sl.azuminha.com">url shortener</a></p> +<hr> +<h2 id="musings">Musings</h2> + + + <ul> + + + + <li> + <span class="date">2025/09/30</span> + <a href="/post/2025/09/30/host-a-blog-with-hugo/">Host a Blog With Hugo</a> + </li> + + <li> + <span class="date">2025/09/27</span> + <a href="/post/2025/09/27/bem-vindo/">Bem Vindo</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/index.xml b/public/index.xml new file mode 100644 index 0000000..b1eeace --- /dev/null +++ b/public/index.xml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Home on azuminha</title> + <link>http://localhost:1313/</link> + <description>Recent content in Home on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Host a Blog With Hugo</title> + <link>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</guid> + <description><p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p>
<ul>
<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li>
<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li>
</ul>
<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2>
<h3 id="instalando-o-hugo">Instalando o hugo</h3>
<p>Se sua distribuição linux for baseado em Debian rode o comando</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>$ sudo apt install hugo
</span></span></code></pre></div><p>caso contrario você pode verificar na documentação.</p></description> + </item> + <item> + <title>Bem Vindo</title> + <link>http://localhost:1313/post/2025/09/27/bem-vindo/</link> + <pubDate>Sat, 27 Sep 2025 20:29:44 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/27/bem-vindo/</guid> + <description><h2 id="bem-vindo">Bem vindo</h2>
<p>Aqui é somente um teste</p></description> + </item> + </channel> +</rss> diff --git a/public/post/2012/01/23/juicy-code/index.html b/public/post/2012/01/23/juicy-code/index.html new file mode 100644 index 0000000..47a30aa --- /dev/null +++ b/public/post/2012/01/23/juicy-code/index.html @@ -0,0 +1,129 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Juicy Code | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + +<div class="article-meta"> +<h1><span class="title">Juicy Code</span></h1> +<h2 class="author">Open Source</h2> +<h2 class="date">2012/01/23</h2> +<p class="terms"> + + + Categories: <a href="/categories/code">Code</a> + + + + Tags: <a href="/tags/juicy">Juicy</a> + + +</p> +</div> + + + +<div class="content-wrapper"> + <main> + <p>Check out this JUICY! code:</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-ruby" data-lang="ruby"><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_value_from_database</span>(value) +</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>from_database(name, value, type) +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span> +</span></span><span style="display:flex;"><span> +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_cast_value</span>(value) +</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>with_cast_value(name, value, type) +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span> +</span></span><span style="display:flex;"><span> +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_type</span>(type) +</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> changed_in_place? +</span></span><span style="display:flex;"><span> with_value_from_user(value)<span style="color:#f92672">.</span>with_type(type) +</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">else</span> +</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>new(name, value_before_type_cast, type, original_attribute) +</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">end</span> +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span> +</span></span></code></pre></div> + <a href="/"> >> Home</a> + </main> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/post/2012/03/12/command-line-awesomeness/index.html b/public/post/2012/03/12/command-line-awesomeness/index.html new file mode 100644 index 0000000..df975bf --- /dev/null +++ b/public/post/2012/03/12/command-line-awesomeness/index.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Command Line Awesomeness | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + +<div class="article-meta"> +<h1><span class="title">Command Line Awesomeness</span></h1> + +<h2 class="date">2012/03/12</h2> +<p class="terms"> + + + Categories: <a href="/categories/blog">Blog</a> + + + + Tags: <a href="/tags/html">HTML</a> + + +</p> +</div> + + + +<div class="content-wrapper"> + <main> + <p>This crud is called HTML (HyperText Markup Language) and it is basically a very simple programming language instructing your web browser how to draw a page on a screen. Anyone can learn HTML and many people do. The important thing is that no matter what splendid multimedia web pages they might represent, HTML files are just telegrams.</p> +<blockquote> +<p>When Ronald Reagan was a radio announcer, he used to call baseball games by reading the terse descriptions that trickled in over the telegraph wire and were printed out on a paper tape. He would sit there, all by himself in a padded room with a microphone, and the paper tape would eke out of the machine and crawl over the palm of his hand printed with cryptic abbreviations. If the count went to three and two, Reagan would describe the scene as he saw it in his mind’s eye: “The brawny left-hander steps out of the batter’s box to wipe the sweat from his brow. The umpire steps forward to sweep the dirt from home plate.” and so on. When the cryptogram on the paper tape announced a base hit, he would whack the edge of the table with a pencil, creating a little sound effect, and describe the arc of the ball as if he could actually see it. His listeners, many of whom presumably thought that Reagan was actually at the ballpark watching the game, would reconstruct the scene in their minds according to his descriptions.</p></blockquote> +<p>This is exactly how the World Wide Web works: the HTML files are the pithy description on the paper tape, and your Web browser is Ronald Reagan. The same is true of Graphical User Interfaces in general.</p> + + <a href="/"> >> Home</a> + </main> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/post/2012/04/23/hacker-with-horn/index.html b/public/post/2012/04/23/hacker-with-horn/index.html new file mode 100644 index 0000000..586ea8d --- /dev/null +++ b/public/post/2012/04/23/hacker-with-horn/index.html @@ -0,0 +1,119 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Hacker with Bullhorn | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + +<div class="article-meta"> +<h1><span class="title">Hacker with Bullhorn</span></h1> +<h2 class="author">Open-Source</h2> +<h2 class="date">2012/04/23</h2> +<p class="terms"> + + + Categories: <a href="/categories/bullhorn">Bullhorn</a> <a href="/categories/example">Example</a> + + + + +</p> +</div> + + + +<div class="content-wrapper"> + <main> + <p>Hacker with bullhorn: “Save your money! Accept one of our free tanks! It is invulnerable, and can drive across rocks and swamps at ninety miles an hour while getting a hundred miles to the gallon!”</p> +<p>Prospective station wagon buyer: “I know what you say is true…but…er…I don’t know how to maintain a tank!”</p> +<p>Bullhorn: “You don’t know how to maintain a station wagon either!”</p> +<p>Buyer: “But this dealership has mechanics on staff. If something goes wrong with my station wagon, I can take a day off work, bring it here, and pay them to work on it while I sit in the waiting room for hours, listening to elevator music.”</p> +<p>Bullhorn: “But if you accept one of our free tanks we will send volunteers to your house to fix it for free while you sleep!”</p> +<p>Buyer: “Stay away from my house, you freak!”</p> +<p>Bullhorn: “But…”</p> +<p>Buyer: “Can’t you see that everyone is buying station wagons?”</p> + + <a href="/"> >> Home</a> + </main> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/post/2018/08/30/markdown-guide-modified/index.html b/public/post/2018/08/30/markdown-guide-modified/index.html new file mode 100644 index 0000000..b52a19e --- /dev/null +++ b/public/post/2018/08/30/markdown-guide-modified/index.html @@ -0,0 +1,250 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Markdown Guide (modified) | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + +<div class="article-meta"> +<h1><span class="title">Markdown Guide (modified)</span></h1> +<h2 class="author">Open Source</h2> +<h2 class="date">2018/08/30</h2> +<p class="terms"> + + + Categories: <a href="/categories/example">Example</a> + + + + Tags: <a href="/tags/markdown">Markdown</a> + + +</p> +</div> + + + +<div class="content-wrapper"> + <main> + <h1 id="an-h1-header">An h1 header</h1> +<p>Paragraphs are separated by a blank line.</p> +<p>2nd paragraph. <em>Italic</em>, <strong>bold</strong>, and <code>monospace</code>. Itemized lists +look like:</p> +<ul> +<li>this one</li> +<li>that one</li> +<li>the other one</li> +</ul> +<p>Note that — not considering the asterisk — the actual text +content starts at 4-columns in.</p> +<blockquote> +<p>Block quotes are +written like so.</p> +<p>They can span multiple paragraphs, +if you like.</p></blockquote> +<p>Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all +in chapters 12–14”). Three dots … will be converted to an ellipsis. +Unicode is supported. ☺</p> +<h2 id="an-h2-header">An h2 header</h2> +<p>Here’s a numbered list:</p> +<ol> +<li>first item</li> +<li>second item</li> +<li>third item</li> +</ol> +<p>Note again how the actual text starts at 4 columns in (4 characters +from the left side). Here’s a code sample:</p> +<pre><code># Let me re-iterate ... +for i in 1 .. 10 { do-something(i) } +</code></pre> +<p>As you probably guessed, indented 4 spaces. By the way, instead of +indenting the block, you can use delimited blocks, if you like:</p> +<pre tabindex="0"><code>define foobar() { + print "Welcome to flavor country!"; +} +</code></pre><p>(which makes copying & pasting easier). You can optionally mark the +delimited block for Pandoc to syntax highlight it:</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span><span style="color:#f92672">import</span> time +</span></span><span style="display:flex;"><span><span style="color:#75715e"># Quick, count to ten!</span> +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">for</span> i <span style="color:#f92672">in</span> range(<span style="color:#ae81ff">10</span>): +</span></span><span style="display:flex;"><span> <span style="color:#75715e"># (but not *too* quick)</span> +</span></span><span style="display:flex;"><span> time<span style="color:#f92672">.</span>sleep(<span style="color:#ae81ff">0.5</span>) +</span></span><span style="display:flex;"><span> print i +</span></span></code></pre></div><h3 id="an-h3-header">An h3 header</h3> +<p>Now a nested list:</p> +<ol> +<li> +<p>First, get these ingredients:</p> +<ul> +<li>carrots</li> +<li>celery</li> +<li>lentils</li> +</ul> +</li> +<li> +<p>Boil some water.</p> +</li> +<li> +<p>Dump everything in the pot and follow +this algorithm:</p> +<pre><code>find wooden spoon +uncover pot +stir +cover pot +balance wooden spoon precariously on pot handle +wait 10 minutes +goto first step (or shut off burner when done) +</code></pre> +<p>Do not bump wooden spoon or it will fall.</p> +</li> +</ol> +<p>Notice again how text always lines up on 4-space indents (including +that last line which continues item 3 above).</p> +<p>Here’s a link to <a href="http://foo.bar">a website</a>, to a <a href="local-doc.html">local +doc</a>, and to a <a href="#an-h2-header">section heading in the current +doc</a>. Here’s a footnote <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p> +<p>Tables can look like this:</p> +<table> + <thead> + <tr> + <th>size</th> + <th>material</th> + <th>color</th> + </tr> + </thead> + <tbody> + <tr> + <td>9</td> + <td>leather</td> + <td>brown</td> + </tr> + <tr> + <td>10</td> + <td>hemp canvas</td> + <td>natural</td> + </tr> + <tr> + <td>11</td> + <td>glass</td> + <td>transparent</td> + </tr> + </tbody> +</table> +<p>Table: Shoes, their sizes, and what they’re made of</p> +<p>(The above is the caption for the table.)</p> +<p>A horizontal rule follows.</p> +<hr> +<p>Here’s a definition list:</p> +<dl> +<dt>apples</dt> +<dd>Good for making applesauce.</dd> +<dt>oranges</dt> +<dd>Citrus!</dd> +<dt>tomatoes</dt> +<dd>There’s no “e” in tomatoe.</dd> +</dl> +<p>(Put a blank line between each term/definition pair to spread +things out more.)</p> +<p>and images can be specified like so:</p> +<p><img src="/images/partywizard.gif" alt="example image" title="An exemplary image"></p> +<p>Inline math equations go in like so: \(\omega = d\phi / dt\). +Display math should get its own line and be put in in +double-dollarsigns:</p> +<p>$$I = \int \rho R^{2} dV$$</p> +<p>And note that you can backslash-escape any punctuation characters +which you wish to be displayed literally, ex.: `foo`, *bar*, etc.</p> +<h4 id="images-auto-center">Images auto center:</h4> +<p><img src="http://emojis.slackmojis.com/emojis/images/1475875185/1223/party-dinosaur.gif?1475875185" alt="Party"></p> +<div class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1"> +<p>Footnote text goes here. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p> +</li> +</ol> +</div> + + <a href="/"> >> Home</a> + </main> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/post/2025/09/27/bem-vindo/index.html b/public/post/2025/09/27/bem-vindo/index.html new file mode 100644 index 0000000..f33fd85 --- /dev/null +++ b/public/post/2025/09/27/bem-vindo/index.html @@ -0,0 +1,120 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Bem Vindo | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + +<div class="article-meta"> +<h1><span class="title">Bem Vindo</span></h1> + +<h2 class="date">2025/09/27</h2> +<p class="terms"> + + + + + +</p> +</div> + + + +<div class="content-wrapper"> + <main> + <h2 id="bem-vindo">Bem vindo</h2> +<p>Aqui é somente um teste</p> + + <a href="/"> >> Home</a> + </main> +</div> + +<script defer src="https://comments.azuminha.com/comentario.js"></script> +<comentario-comments></comentario-comments> + + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/post/2025/09/30/host-a-blog-with-hugo/index.html b/public/post/2025/09/30/host-a-blog-with-hugo/index.html new file mode 100644 index 0000000..9e7a52a --- /dev/null +++ b/public/post/2025/09/30/host-a-blog-with-hugo/index.html @@ -0,0 +1,206 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="Tutorial de como criar um blog com Hugo e integrar comentários usando Comentario."> + <title>Host a Blog With Hugo | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + +<div class="article-meta"> +<h1><span class="title">Host a Blog With Hugo</span></h1> + +<h2 class="date">2025/09/30</h2> +<p class="terms"> + + + Categories: <a href="/categories/web">web</a> <a href="/categories/self-hosted">self-hosted</a> + + + + Tags: <a href="/tags/blog">blog</a> <a href="/tags/hugo">hugo</a> <a href="/tags/server">server</a> + + +</p> +</div> + + + +<div class="content-wrapper"> + <main> + <p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p> +<ul> +<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li> +<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li> +</ul> +<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2> +<h3 id="instalando-o-hugo">Instalando o hugo</h3> +<p>Se sua distribuição linux for baseado em Debian rode o comando</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>$ sudo apt install hugo +</span></span></code></pre></div><p>caso contrario você pode verificar na documentação.</p> +<p>Agora que você já tem ele instalado basta dar</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>hugo new site <span style="color:#f92672">{</span>nome-do-seu-blog<span style="color:#f92672">}</span> +</span></span></code></pre></div><p>que ele criara uma pasta com tudo que eh necessario.</p> +<h3 id="instalando-um-tema">Instalando um tema</h3> +<p>Para instalar um tema veja os temas disponiveis pela comunidade no <a href="https://themes.gohugo.io/">link</a>, no meu caso atualmente estou usando o <a href="https://themes.gohugo.io/themes/hugo-classic/">Hugo - Classic</a>. +Depois de achar um que gostou faca:</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>cd <span style="color:#f92672">{</span>nome-do-seu-blog<span style="color:#f92672">}</span>/themes +</span></span><span style="display:flex;"><span>git init +</span></span><span style="display:flex;"><span>git submodule add link-do-github +</span></span></code></pre></div><p>Abra o arquivo hugo.toml e edite a variavel theme para a pasta criada dentro da pasta do hugo.</p> +<h3 id="criando-um-post">Criando um post</h3> +<p>Para criar um post eh muito simples tambem, basta rodar</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>hugo new content content/post/nome-do-post.md +</span></span></code></pre></div><p>Agora basta escrever o seu post em com markdown. Acesse <a href="https://www.markdownguide.org/cheat-sheet/">aqui</a> para mais informacoes sobre markdown.</p> +<h3 id="buildando">Buildando</h3> +<p>Para finalizar rode</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>hugo +</span></span></code></pre></div><p>que ele vai atualizar tudo que eh necessario e publicar seu post</p> +<hr> +<h2 id="2-setando-o-comentario">2. Setando o comentario</h2> +<p>Existem diversas formas de voce instalar o comentario, porem eu fiz isso utilizando docker. Para isso certifique que você tenha o docker instalado</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>docker version +</span></span></code></pre></div><p>e crie um arquivo chamado docker-compose.yml</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-docker" data-lang="docker"><span style="display:flex;"><span>services:<span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> app:<span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> image: registry.gitlab.com/comentario/comentario:latest-ubuntu<span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> environment:<span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> BASE_URL: https://sua-url <span style="color:#75715e"># mude aqui para sua url</span><span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> SECRETS_FILE: <span style="color:#e6db74">"/secrets.yaml"</span><span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> ports:<span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> - <span style="color:#e6db74">"6969:80"</span> <span style="color:#75715e"># mude para a porta que você quiser</span><span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> volumes:<span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> - ./secrets.yaml:/secrets.yaml:ro<span style="color:#960050;background-color:#1e0010"> +</span></span></span><span style="display:flex;"><span><span style="color:#960050;background-color:#1e0010"></span> restart: always<span style="color:#960050;background-color:#1e0010"> +</span></span></span></code></pre></div><p>essa eh so uma possivel forma, você pode editar o arquivo da maneira que preferir.</p> +<p>Note que vou utilizar o sqlite3 como banco de dados, caso você queria usar postgress, ou usar um servidor diferente para o banco de dados você deve editar esse arquivo.</p> +<p>Na mesma pasta crie um arquivo chamado secrets.yaml</p> +<pre tabindex="0"><code>sqlite3: + file: ./comentario.db +</code></pre><p>Essa eh a configuracao minima que você deve fazer caso queria utilizar o sqlite3.</p> +<p>agora rode no terminal</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>docker compose up -d +</span></span></code></pre></div><p>Para finalizar basta adicionar no arquivo ./themes/hugo-classic/layouts/_default/single.html</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><<span style="color:#f92672">script</span> <span style="color:#a6e22e">defer</span> <span style="color:#a6e22e">src</span><span style="color:#f92672">=</span><span style="color:#e6db74">"https://sua-url/comentario.js"</span>></<span style="color:#f92672">script</span>> +</span></span><span style="display:flex;"><span><<span style="color:#f92672">comentario-comments</span>></<span style="color:#f92672">comentario-comments</span>> +</span></span></code></pre></div><p>Agora eh so acessar a url que voce colocou e setar adicionar o seu servidor, como eh bem intuitivo nao vou colocar aqui</p> +<hr> +<h2 id="3-setando-o-nginx">3. Setando o NGINX</h2> +<p>Caso você utilize o nginx como servidor web basta configurar a pagina principal como</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>server <span style="color:#f92672">{</span> +</span></span><span style="display:flex;"><span> root /var/www/azuminha.com/public; +</span></span><span style="display:flex;"><span> +</span></span><span style="display:flex;"><span> index index.html index.htm index.nginx-debian.html; +</span></span><span style="display:flex;"><span> +</span></span><span style="display:flex;"><span> server_name azuminha.com www.azuminha.com; <span style="color:#75715e"># mude aqui para sua url</span> +</span></span><span style="display:flex;"><span> +</span></span><span style="display:flex;"><span> charset UTF-8; +</span></span><span style="display:flex;"><span> +</span></span><span style="display:flex;"><span> location / <span style="color:#f92672">{</span> +</span></span><span style="display:flex;"><span> try_files $uri $uri/ <span style="color:#f92672">=</span>404; +</span></span><span style="display:flex;"><span> <span style="color:#f92672">}</span> +</span></span><span style="display:flex;"><span><span style="color:#f92672">}</span> +</span></span></code></pre></div><p>Você tambem deve arrumar um proxy reverso para a porta que o servico do comentario esta rodando.</p> +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>server <span style="color:#f92672">{</span> +</span></span><span style="display:flex;"><span> server_name comments.azuminha.com; <span style="color:#75715e"># sua url que utilizou para configurar o comentario</span> +</span></span><span style="display:flex;"><span> +</span></span><span style="display:flex;"><span> location / <span style="color:#f92672">{</span> +</span></span><span style="display:flex;"><span> proxy_pass http://0.0.0.0:6969/; <span style="color:#75715e"># mude para a porta que vc utilizou</span> +</span></span><span style="display:flex;"><span> proxy_set_header Host 127.0.0.1; +</span></span><span style="display:flex;"><span> proxy_set_header X-Real-IP $remote_addr; +</span></span><span style="display:flex;"><span> proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; +</span></span><span style="display:flex;"><span> proxy_set_header X-Forwarded-Proto $scheme; +</span></span><span style="display:flex;"><span> <span style="color:#f92672">}</span> +</span></span></code></pre></div><p>Pronto agora você tem seu proprio blog hospedado pro você mesmo, sem dependencias externas. 😄</p> + + <a href="/"> >> Home</a> + </main> +</div> + +<script defer src="https://comments.azuminha.com/comentario.js"></script> +<comentario-comments></comentario-comments> + + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/post/index.html b/public/post/index.html new file mode 100644 index 0000000..741695c --- /dev/null +++ b/public/post/index.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Posts | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Posts</h1> + + + + + <ul> + + + + <li> + <span class="date">2025/09/30</span> + <a href="/post/2025/09/30/host-a-blog-with-hugo/">Host a Blog With Hugo</a> + </li> + + <li> + <span class="date">2025/09/27</span> + <a href="/post/2025/09/27/bem-vindo/">Bem Vindo</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/post/index.xml b/public/post/index.xml new file mode 100644 index 0000000..3ddf45d --- /dev/null +++ b/public/post/index.xml @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Posts on azuminha</title> + <link>http://localhost:1313/post/</link> + <description>Recent content in Posts on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/post/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Host a Blog With Hugo</title> + <link>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</guid> + <description><p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p>
<ul>
<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li>
<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li>
</ul>
<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2>
<ol>
<li>Instale o hugo
Se sua distribuição linux for baseado em Debian rode o comando</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>sudo apt install hugo
</span></span></code></pre></div><pre tabindex="0"><code>
caso contrario você pode verificar na documentação
</code></pre><pre tabindex="0"><code></code></pre></description> + </item> + <item> + <title>Bem Vindo</title> + <link>http://localhost:1313/post/2025/09/27/bem-vindo/</link> + <pubDate>Sat, 27 Sep 2025 20:29:44 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/27/bem-vindo/</guid> + <description><h2 id="bem-vindo">Bem vindo</h2>
<p>Aqui é somente um teste</p></description> + </item> + </channel> +</rss> diff --git a/public/posts/index.html b/public/posts/index.html new file mode 100644 index 0000000..0227fea --- /dev/null +++ b/public/posts/index.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Posts | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Posts</h1> + + + + + <ul> + + + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/posts/index.xml b/public/posts/index.xml new file mode 100644 index 0000000..b554687 --- /dev/null +++ b/public/posts/index.xml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Posts on azuminha</title> + <link>http://localhost:1313/posts/</link> + <description>Recent content in Posts on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <atom:link href="http://localhost:1313/posts/index.xml" rel="self" type="application/rss+xml" /> + </channel> +</rss> diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..c3092d3 --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,38 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" + xmlns:xhtml="http://www.w3.org/1999/xhtml"> + <url> + <loc>http://localhost:1313/tags/blog/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/categories/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/tags/hugo/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/post/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/categories/self-hosted/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/tags/server/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/tags/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/categories/web/</loc> + <lastmod>2025-09-30T03:09:52-03:00</lastmod> + </url><url> + <loc>http://localhost:1313/post/2025/09/27/bem-vindo/</loc> + <lastmod>2025-09-27T20:29:44-03:00</lastmod> + </url> +</urlset> diff --git a/public/tags/blog/index.html b/public/tags/blog/index.html new file mode 100644 index 0000000..d8ba826 --- /dev/null +++ b/public/tags/blog/index.html @@ -0,0 +1,112 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Blog | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left current"> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Blog</h1> + + + + + <ul> + + + + <li> + <span class="date">2025/09/30</span> + <a href="/post/2025/09/30/host-a-blog-with-hugo/">Host a Blog With Hugo</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/tags/blog/index.xml b/public/tags/blog/index.xml new file mode 100644 index 0000000..6c55c06 --- /dev/null +++ b/public/tags/blog/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Blog on azuminha</title> + <link>http://localhost:1313/tags/blog/</link> + <description>Recent content in Blog on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/tags/blog/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Host a Blog With Hugo</title> + <link>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</guid> + <description><p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p>
<ul>
<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li>
<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li>
</ul>
<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2>
<ol>
<li>Instale o hugo
Se sua distribuição linux for baseado em Debian rode o comando</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>sudo apt install hugo
</span></span></code></pre></div><pre tabindex="0"><code>
caso contrario você pode verificar na documentação
</code></pre><pre tabindex="0"><code></code></pre></description> + </item> + </channel> +</rss> diff --git a/public/tags/html/index.html b/public/tags/html/index.html new file mode 100644 index 0000000..4bf87a0 --- /dev/null +++ b/public/tags/html/index.html @@ -0,0 +1,107 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>HTML | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left current"> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>HTML</h1> + + + + + <ul> + + + + <li> + <span class="date">2012/03/12</span> + <a href="/post/2012/03/12/command-line-awesomeness/">Command Line Awesomeness</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/tags/html/index.xml b/public/tags/html/index.xml new file mode 100644 index 0000000..1cbcac5 --- /dev/null +++ b/public/tags/html/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>HTML on azuminha</title> + <link>http://localhost:1313/tags/html/</link> + <description>Recent content in HTML on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Mon, 12 Mar 2012 00:00:00 +0000</lastBuildDate> + <atom:link href="http://localhost:1313/tags/html/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Command Line Awesomeness</title> + <link>http://localhost:1313/post/2012/03/12/command-line-awesomeness/</link> + <pubDate>Mon, 12 Mar 2012 00:00:00 +0000</pubDate> + <guid>http://localhost:1313/post/2012/03/12/command-line-awesomeness/</guid> + <description><p>This crud is called HTML (HyperText Markup Language) and it is basically a very simple programming language instructing your web browser how to draw a page on a screen. Anyone can learn HTML and many people do. The important thing is that no matter what splendid multimedia web pages they might represent, HTML files are just telegrams.</p>
<blockquote>
<p>When Ronald Reagan was a radio announcer, he used to call baseball games by reading the terse descriptions that trickled in over the telegraph wire and were printed out on a paper tape. He would sit there, all by himself in a padded room with a microphone, and the paper tape would eke out of the machine and crawl over the palm of his hand printed with cryptic abbreviations. If the count went to three and two, Reagan would describe the scene as he saw it in his mind&rsquo;s eye: &ldquo;The brawny left-hander steps out of the batter&rsquo;s box to wipe the sweat from his brow. The umpire steps forward to sweep the dirt from home plate.&rdquo; and so on. When the cryptogram on the paper tape announced a base hit, he would whack the edge of the table with a pencil, creating a little sound effect, and describe the arc of the ball as if he could actually see it. His listeners, many of whom presumably thought that Reagan was actually at the ballpark watching the game, would reconstruct the scene in their minds according to his descriptions.</p></description> + </item> + </channel> +</rss> diff --git a/public/tags/hugo/index.html b/public/tags/hugo/index.html new file mode 100644 index 0000000..b233871 --- /dev/null +++ b/public/tags/hugo/index.html @@ -0,0 +1,112 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Hugo | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left current"> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Hugo</h1> + + + + + <ul> + + + + <li> + <span class="date">2025/09/30</span> + <a href="/post/2025/09/30/host-a-blog-with-hugo/">Host a Blog With Hugo</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/tags/hugo/index.xml b/public/tags/hugo/index.xml new file mode 100644 index 0000000..db08978 --- /dev/null +++ b/public/tags/hugo/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Hugo on azuminha</title> + <link>http://localhost:1313/tags/hugo/</link> + <description>Recent content in Hugo on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/tags/hugo/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Host a Blog With Hugo</title> + <link>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</guid> + <description><p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p>
<ul>
<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li>
<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li>
</ul>
<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2>
<ol>
<li>Instale o hugo
Se sua distribuição linux for baseado em Debian rode o comando</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>sudo apt install hugo
</span></span></code></pre></div><pre tabindex="0"><code>
caso contrario você pode verificar na documentação
</code></pre><pre tabindex="0"><code></code></pre></description> + </item> + </channel> +</rss> diff --git a/public/tags/index.html b/public/tags/index.html new file mode 100644 index 0000000..e69fc8a --- /dev/null +++ b/public/tags/index.html @@ -0,0 +1,112 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Tags | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left current"> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<h1>Tags</h1> + +<ul class="terms"> + + <li> + <a href="http://localhost:1313/tags/blog/">Blog</a> (1) + </li> + + <li> + <a href="http://localhost:1313/tags/hugo/">Hugo</a> (1) + </li> + + <li> + <a href="http://localhost:1313/tags/server/">Server</a> (1) + </li> + +</ul> + + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/tags/index.xml b/public/tags/index.xml new file mode 100644 index 0000000..299e5be --- /dev/null +++ b/public/tags/index.xml @@ -0,0 +1,33 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Tags on azuminha</title> + <link>http://localhost:1313/tags/</link> + <description>Recent content in Tags on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/tags/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Blog</title> + <link>http://localhost:1313/tags/blog/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/tags/blog/</guid> + <description></description> + </item> + <item> + <title>Hugo</title> + <link>http://localhost:1313/tags/hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/tags/hugo/</guid> + <description></description> + </item> + <item> + <title>Server</title> + <link>http://localhost:1313/tags/server/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/tags/server/</guid> + <description></description> + </item> + </channel> +</rss> diff --git a/public/tags/juicy/index.html b/public/tags/juicy/index.html new file mode 100644 index 0000000..41805b8 --- /dev/null +++ b/public/tags/juicy/index.html @@ -0,0 +1,107 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Juicy | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left current"> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Juicy</h1> + + + + + <ul> + + + + <li> + <span class="date">2012/01/23</span> + <a href="/post/2012/01/23/juicy-code/">Juicy Code</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/tags/juicy/index.xml b/public/tags/juicy/index.xml new file mode 100644 index 0000000..ee07977 --- /dev/null +++ b/public/tags/juicy/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Juicy on azuminha</title> + <link>http://localhost:1313/tags/juicy/</link> + <description>Recent content in Juicy on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Mon, 23 Jan 2012 00:00:00 +0000</lastBuildDate> + <atom:link href="http://localhost:1313/tags/juicy/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Juicy Code</title> + <link>http://localhost:1313/post/2012/01/23/juicy-code/</link> + <pubDate>Mon, 23 Jan 2012 00:00:00 +0000</pubDate> + <guid>http://localhost:1313/post/2012/01/23/juicy-code/</guid> + <description><p>Check out this JUICY! code:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-ruby" data-lang="ruby"><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_value_from_database</span>(value)
</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>from_database(name, value, type)
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_cast_value</span>(value)
</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>with_cast_value(name, value, type)
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">with_type</span>(type)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> changed_in_place?
</span></span><span style="display:flex;"><span> with_value_from_user(value)<span style="color:#f92672">.</span>with_type(type)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">else</span>
</span></span><span style="display:flex;"><span> self<span style="color:#f92672">.</span>class<span style="color:#f92672">.</span>new(name, value_before_type_cast, type, original_attribute)
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">end</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">end</span>
</span></span></code></pre></div></description> + </item> + </channel> +</rss> diff --git a/public/tags/markdown/index.html b/public/tags/markdown/index.html new file mode 100644 index 0000000..4d1fff8 --- /dev/null +++ b/public/tags/markdown/index.html @@ -0,0 +1,107 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Markdown | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left current"> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Markdown</h1> + + + + + <ul> + + + + <li> + <span class="date">2018/08/30</span> + <a href="/post/2018/08/30/markdown-guide-modified/">Markdown Guide (modified)</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/tags/markdown/index.xml b/public/tags/markdown/index.xml new file mode 100644 index 0000000..21ffa15 --- /dev/null +++ b/public/tags/markdown/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Markdown on azuminha</title> + <link>http://localhost:1313/tags/markdown/</link> + <description>Recent content in Markdown on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Thu, 30 Aug 2018 00:00:00 +0000</lastBuildDate> + <atom:link href="http://localhost:1313/tags/markdown/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Markdown Guide (modified)</title> + <link>http://localhost:1313/post/2018/08/30/markdown-guide-modified/</link> + <pubDate>Thu, 30 Aug 2018 00:00:00 +0000</pubDate> + <guid>http://localhost:1313/post/2018/08/30/markdown-guide-modified/</guid> + <description><h1 id="an-h1-header">An h1 header</h1>
<p>Paragraphs are separated by a blank line.</p>
<p>2nd paragraph. <em>Italic</em>, <strong>bold</strong>, and <code>monospace</code>. Itemized lists
look like:</p>
<ul>
<li>this one</li>
<li>that one</li>
<li>the other one</li>
</ul>
<p>Note that &mdash; not considering the asterisk &mdash; the actual text
content starts at 4-columns in.</p>
<blockquote>
<p>Block quotes are
written like so.</p>
<p>They can span multiple paragraphs,
if you like.</p></blockquote>
<p>Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., &ldquo;it&rsquo;s all
in chapters 12&ndash;14&rdquo;). Three dots &hellip; will be converted to an ellipsis.
Unicode is supported. ☺</p></description> + </item> + </channel> +</rss> diff --git a/public/tags/server/index.html b/public/tags/server/index.html new file mode 100644 index 0000000..1305505 --- /dev/null +++ b/public/tags/server/index.html @@ -0,0 +1,112 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> + + <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> + <link rel="manifest" href="/images/site.webmanifest"> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="A simple, minimal blog for those who love text."> + <title>Server | azuminha</title> + <link rel="stylesheet" href="/css/style.css" /> + <link rel="stylesheet" href="/css/fonts.css" /> + <link rel="stylesheet" href="http://localhost:1313/css/theme-override.css"> + + </head> + + <body> + <header> + <nav> + <ul> + + + <li class="pull-left "> + <a href="http://localhost:1313/">~/azuminha</a> + </li> + + + <li class="pull-left "> + <a href="/categories/">~/categories</a> + </li> + + + <li class="pull-left "> + <a href="https://git.azuminha.com/">~/git</a> + </li> + + + <li class="pull-left current"> + <a href="/tags/">~/tags</a> + </li> + + + + + <li class="pull-right"> + <a href="/index.xml">~/subscribe</a> + </li> + + + </ul> + </nav> + </header> + + + +<div class="content-wrapper"> + + <h1>Server</h1> + + + + + <ul> + + + + <li> + <span class="date">2025/09/30</span> + <a href="/post/2025/09/30/host-a-blog-with-hugo/">Host a Blog With Hugo</a> + </li> + + </ul> +</div> + <footer> + + + <script> + (function() { + function center_el(tagName) { + var tags = document.getElementsByTagName(tagName), i, tag; + for (i = 0; i < tags.length; i++) { + tag = tags[i]; + var parent = tag.parentElement; + + if (parent.childNodes.length === 1) { + + if (parent.nodeName === 'A') { + parent = parent.parentElement; + if (parent.childNodes.length != 1) continue; + } + if (parent.nodeName === 'P') parent.style.textAlign = 'center'; + } + } + } + var tagNames = ['img', 'embed', 'object']; + for (var i = 0; i < tagNames.length; i++) { + center_el(tagNames[i]); + } + })(); + </script> + + + <hr/> + <a href="https://git.azuminha.com">Git</a> + + </footer> + </body> +</html> + diff --git a/public/tags/server/index.xml b/public/tags/server/index.xml new file mode 100644 index 0000000..93e3592 --- /dev/null +++ b/public/tags/server/index.xml @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Server on azuminha</title> + <link>http://localhost:1313/tags/server/</link> + <description>Recent content in Server on azuminha</description> + <generator>Hugo</generator> + <language>en-us</language> + <lastBuildDate>Tue, 30 Sep 2025 03:09:52 -0300</lastBuildDate> + <atom:link href="http://localhost:1313/tags/server/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Host a Blog With Hugo</title> + <link>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</link> + <pubDate>Tue, 30 Sep 2025 03:09:52 -0300</pubDate> + <guid>http://localhost:1313/post/2025/09/30/host-a-blog-with-hugo/</guid> + <description><p>Hoje vou mostar como fiz para setar um blog com comentários usando <a href="https://gohugo.io/">Hugo</a> e <a href="https://comentario.app/en/">Comentario</a>.</p>
<ul>
<li><strong>Hugo</strong> é um framework open source para construção de websites estáticos, extremamente rápido e flexível.</li>
<li><strong>Comentario</strong> é uma engine open source de comentários, fácil de integrar e auto-hospedável.</li>
</ul>
<h2 id="1-utilizando-o-hugo">1. Utilizando o Hugo</h2>
<ol>
<li>Instale o hugo
Se sua distribuição linux for baseado em Debian rode o comando</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>sudo apt install hugo
</span></span></code></pre></div><pre tabindex="0"><code>
caso contrario você pode verificar na documentação
</code></pre><pre tabindex="0"><code></code></pre></description> + </item> + </channel> +</rss> diff --git a/themes/hugo-classic/layouts/_default/single.html b/themes/hugo-classic/layouts/_default/single.html index 04688e0..4f79aea 100644 --- a/themes/hugo-classic/layouts/_default/single.html +++ b/themes/hugo-classic/layouts/_default/single.html @@ -27,4 +27,8 @@ <a href="/"> >> Home</a> </main> </div> + +<script defer src="https://comments.azuminha.com/comentario.js"></script> +<comentario-comments></comentario-comments> + {{ partial "footer.html" . }} |
