blogtini

blogtini

Slides/apresentação

https://traceypooh.github.io/slides/dweb-2022 (conversa sobre tracey em https://dwebcamp.org)

Site ao vivo em:

• https://blogtini.com
• https://traceypooh.github.io/blogtini/

Ganchos

• Sempre que você criar ou excluir uma postagem, queremos que o mapa do seu sitemap seja atualizado.
• Sempre que alguém comenta no seu site, executamos um pequeno script.

Assim, sugerimos que você use nossos 'hooks' git de "pré-comprometimento" e "pós-fusão" para automatizar a "limpeza" acima. Você pode configurá-los assim:

git config --local core.hooksPath bin/

RSS

Se desejar um arquivo RSS index.xml gerado com o script bin/sitemap, durante cada gancho de "pré-commit" (acima), você precisará ter o script yq instalado em sua máquina.

As duas melhores opções de configuração de site/blog

Repositório fonte do blog que usa markdown dentro de arquivos de marcação html

• /2022/01/assei uma torta/
• /2022/01/i-baked-a-pie/index.html
  • comece com o assunto inicial
    • incluindo comment: <script src="../theme.js" type="module" charset="utf-8"></script>
  • você pode então ter o belo URL https://example.com/2022/01/i-baked-a-pie/ onde o JS incluído transforma a marcação em marcação
• seu /sitemap.xml pode fazer referência a cada um dos URLs de seu diretório
• gerencie seu /sitemap.xml manualmente ou execute o script /bin/sitemap sempre que criar ou excluir uma postagem. O script /bin/sitemap pode ser encontrado no site blogtini.
• faça com que /theme.js faça uma import de qualquer tema que você desejar

Repositório de origem do blog que usa arquivos markdown

• /2022/01/i-baked-a-pie.md
  • jekyll transformará automaticamente sua marcação em marcação e em um URL como https://example.com/2022/01/i-baked-a-pie.html
  • tracey está trabalhando com jekyll para obter URLs https://example.com/2022/01/i-baked-a-pie.md para também serem copiados literalmente de sua fonte - para que a redução original com o assunto inicial possa ser usada e analisado

Desenvolvimento local

Opção 1

safari é legal, você pode administrar o site localmente apenas

• Ferramentas do desenvolvedor ativadas
• Menu Develop
  • marque Disable Cross-Origin Restrictions durante o desenvolvimento
  • recarregar página html
  • desmarque Disable Cross-Origin Restrictions quando terminar
• exemplo: arquivo:///Users/tracey/dev/blogtini/index.html

Opção 2

(qualquer servidor web de arquivo estático básico servirá):

( sleep 3 ; open http://localhost:8000 ) &
python3 -m http.server

Você pode forçar uma nova análise de postagens e páginas adicionando o argumento CGI opcional ?recache=1

URLs de exemplo usando páginas GitHub ou GitLab

Se você usar a integração gratuita de 'Páginas' https://github.com ou https://gitlab.com, você obterá URLs como este:

• https://traceypooh.github.io/blogtini/
• https://traceypooh.gitlab.io/blogtini/

Você pode optar por usar seu próprio nome de domínio (normalmente cerca de US$ 20/ano) para um URL mais curto/melhor que aponte para a implantação das páginas acima (isso é o que https://blogtini.com faz)

Afazeres / Corrigir

• git grep xxxxx prioridades mais altas
• git grep xxx