👚 🅿️ 👩🏾‍🚀 Como eu estava procurando um mecanismo infantil para um blog 🏇🏼 🤶🏽 🧙🏿

Escrevo muito na Internet e queria criar meu próprio blog pessoal, onde você pode escrever pequenas notas e artigos que não são adequados para outros sites. O principal problema de um blog pessoal é que tenho preguiça de escrever posts . Para rabiscar algumas linhas em qualquer Wordpress, você precisa de muitos gestos. Eu tentei vários mecanismos diferentes e cada vez que me sentia sentindo que não queria usá-los, é muito mais rápido e fácil escrever em um notebook como o Evernote ou o Notion. Então comecei a procurar o mecanismo de blog perfeito que atenda a todas as minhas necessidades.

Meus requisitos para o mecanismo perfeito:

self-hosted — , narod.ru google+ , , . - DMCA, Medium LiveJournal.
— - , , , .
— CMS , , , .
Um editor WYSIWYG completo - suporte para marcação Markdown e seu processamento em tempo real, realce de código, colando imagens da área de transferência.
Comentários normais - a capacidade de deixar comentários anônimos e fazer login através de um máximo de redes sociais. redes para comentários personalizados.
Aparência minimalista - não quero me envolver em layout e temas, um design adequado deve estar pronto para uso.

Por dentro, digo como vejo o CMS ideal, o editor de postagens e comentários, por que a maioria dos mecanismos existentes está desatualizada há dez anos e comparo diferentes mecanismos entre si.

O que é um editor WYSIWYG normal?

^{(Vídeo com som) Um exemplo de um editor WYSIWYG ideal em Notion}

⇧ vídeo com uma demonstração do melhor editor na minha opinião ⇧

O editor post é a coisa mais importante no motor, porque você gasta mais tempo nele. WYSIWYG (o que você vê é o que obtém) é um tipo de editor no qual o texto é formatado imediatamente, sem alternar entre o código fonte e a versão final. Dói-me ver os devotos da velha escola escreverem manualmente tags HTML, BBcode, alternarem entre visualizações e código-fonte dez vezes, enviarem imagens separadamente para a hospedagem e, como resultado, passarem muito tempo compondo texto. ~~Editores em todos os tipos de Wordpress estão desatualizados por várias décadas!~~

Atualização
Desde 2018, o Wordpress usa o novo editor legal do Gutenberg , que não é pior que o Noção. No momento da redação, eu não sabia disso.

Acontece que poucas pessoas sabem que existem editores modernos que podem fazer reduções em tempo real e colar imagens da área de transferência. Geralmente, você pode esquecer de escrever código para o layout do texto.

Meus requisitos editoriais:

WYSIWYG - tudo deve ser renderizado imediatamente, ou seja, depois de inserir duas redes ## de uma nova linha, o texto deve se transformar imediatamente em um cabeçalho. Sem visualização e código fonte.
Suporte de remarcação - itens básicos como cabeçalhos, listas, destaque de código devem funcionar. Não é necessário arrastar o mouse para os elementos de formatação de texto, se tudo puder ser feito no teclado.
— , Ctrl+V . .

Notion — Evernote

Eu amo a noção . Esta é a ferramenta mais avançada para tomar notas, manter um wiki, descrever projetos, gerenciadores de tarefas simples, um calendário e muito mais. A Noção suporta o trabalho em equipe, possui uma enorme biblioteca de modelos e, se desejado, pode ser transformada em qualquer coisa, mesmo no CRM.

Mas a coisa mais importante no Notion é seu editor. É perfeito para escrever posts. O vídeo acima mostra um exemplo de como escrever uma postagem simples usando marcação de remarcação, colando código e imagens da área de transferência. Para comparação, é usado o mecanismo de Aegeus Ilya Birman.

Infelizmente, o Noção não é adequado para um blog público. Sim, você pode publicar todas as páginas da Internet como um site comum. Aqui está um exemplo de sitena noção. Mas você não pode estragar seu domínio, mover-se pelas páginas parece estranho, às vezes elas abrem na forma de janelas, não de páginas separadas.

A noção ainda não possui uma API pública, mas já existem implementações de clientes, por exemplo, no Go . O autor deste cliente escreveu uma muleta para extrair páginas da noção e enviá-las para o servidor. Mas a API privada pode mudar a qualquer momento e tudo vai quebrar, esse método envolve perdoling constante.

Prós / contras do Noção

✓ Editor ideal
✓ Possui formatação sofisticada
✓ Suporte para modelos de página
✗ Nenhuma versão auto-hospedada
✗ Uso inadequado do site
✗Você não pode conectar o seu domínio
✗ lixo na URL, você não pode definir o endereço da página se
✗ navegação Inconveniente, pop-ups, em vez de páginas individuais
✗ Sem comentários

Páginas Jekyll e Github - gerador de sites estáticos

Jekyll é um gerador de site estático popular entre os programadores. É comumente usado em conjunto com as páginas do Github . Você provavelmente conheceu as home pages de pessoas de computador criadas por este gerador. No Hacker News, todos os terceiros sites o usam. Seu ponto principal é que as postagens são gravadas no seu IDE favorito no formato de markdown e implantadas via git da mesma maneira que o código, e o HTML já é gerado a partir delas no servidor.

Também tentei usá-lo hub.zhovner.com

À primeira vista, tudo parece fácil, mas para escrever uma postagem, você precisa criar um arquivo de texto, nomeá-lo de maneira especial em um formato YEAR-MONTH-DAY-title.mde colocá-lo em uma pasta_posts. As imagens também devem ser classificadas manualmente em pastas e prescrever links para elas. Supõe-se que o próprio programador escreva trechos, ganchos, macros para tudo isso, seus posts serão automaticamente chamados, movidos, as imagens serão dispostas em pastas, etc.

Existem muitos plugins para IDEs populares, como o VSCode, para renderização de descontos em tempo real, inserção de imagens etc. Existem até CMS completos criados como um complemento em torno do jekyll, eis alguns deles: forestry.io , cloudcannon.com , netlifycms.org/docs/jekyll/. Eles se conectam diretamente ao repositório do github e o site pode ser editado através de seus editores WYSIWYG e sincronizado automaticamente via git. Parece bonito, mas na verdade funciona mal. Nem um único editor está nem perto do editor de referência Notion.

Depois de alguns anos usando Jekyll, me peguei pensando que era apenas desagradável e difícil trabalhar com ele. Esqueço os trechos para criar uma nova postagem no meu editor de texto sublime, tenho preguiça de carregar o site via Git e, na maioria dos casos, prefiro não escrever do que seguir todos esses procedimentos.

Prós / contras de Jekyll

✓ Controle total sobre o site e design
✓ Pode ser hospedado de forma independente
✓ Somente HTML estático
✓Você pode conectar qualquer serviço de comentários
✗ É difícil publicar novas postagens
✗ Não há editor normal
cr Muletas de terceiros como CMS e plug-ins para IDE não funcionam bem

Ghost - CMS para o blog

O Ghost é um CMS de código aberto moderno e relativamente novo. O site descreve apenas a versão SaaS paga, mas há uma imagem pronta do Docker que pode ser implantada em um clique.

O Ghost tem quase o mesmo editor legal do Notion, fiquei encantado quando o experimentei: suporte normal para descontos em tempo real, fotos são coladas da área de transferência, lindas! Após um pequeno acabamento, até o realce da sintaxe aparece nos blocos de código.

Eu já decidi que encontrei meu mecanismo ideal, até começar a lidar com o design da aparência do site. Acontece que o tema padrão não implica configurações, como estamos acostumados a ver no mesmo Wordpress. Eles simplesmente não têm configurações, é banal ativar / desativar o menu, rodapé / cabeçalho. Revistando a galeria de tópicos oficiais , percebi que havia uma dúzia deles lá e nenhum deles me convinha. Existem apenas cento e cinquenta temas no Theme Forest for Ghost, contra 12 mil no Wordpress. Durante dois dias de pesquisa, não consegui encontrar um tópico adequado, mudo demais ou abandonado por muito tempo e não compatível com a versão atual do mecanismo. Não entendo o layout e escrever meu próprio tópico não fazia parte dos meus planos. Portanto, tive que adiar o Ghost e continuar a pesquisa.

Ghost , , . Affinity . , .

Fora da caixa, o Ghost tem muitos recursos interessantes, como assinaturas pagas para conteúdo fechado, como o Patreon e vários plugins prontos para integrações. Muitas empresas usam esse mecanismo para seus blogs corporativos . O desenvolvimento é muito ativo, comprometendo-se com o Github todos os dias .

Prós / contras do Ghost

✓ Excelente editor
✓ Controle total sobre o site e design
✓ Você pode hospedar sozinho
✓ Você pode conectar qualquer serviço de comentários
✗ Temas sem configurações, editar apenas as fontes
✗ Criar e editar postagens apenas através do painel de administração

Teletype.in - um serviço minimalista para blogs

Teletype.in é um análogo minimalista do Medium de desenvolvedores russos com suporte para marcação de remarcação. Em grande estilo, assemelha-se a um serviço dos desenvolvedores do Telegram messenger - telegra.ph , apenas com a capacidade de registrar e criar um blog completamente em seu perfil. Você pode conectar seu domínio.

Gostei muito da idéia e da abordagem dos desenvolvedores: o editor WYSIWYG correto, as imagens são coladas da área de transferência, nenhum painel de administração, pelo menos uma interface, se concentra apenas no conteúdo. Foi assim que imaginei o mecanismo de blog perfeito.

Conectei o domínio e tentei transferir alguns artigos do meu blog para Jekyll no Teletype.in. Em alguns minutos de uso, vários bugs significativos foram descobertos: quebrei acidentalmente o layout e recebi uma página de postagem que não funcionava. Fico feliz que os desenvolvedores se comuniquem em russo e respondam ativamente no bate-papo de suporte no Telegram, confirmaram todos os bugs e os corrigiram em alguns dias. Os caras prometem adicionar destaque de sintaxe nos blocos de código e modificar ativamente o editor. Até o momento, existem pequenos inconvenientes e não é tão bom quanto o editor de Noções.

Os comentários ainda não são muito funcionais, você não pode escrever anonimamente, a entrada não é por todas as redes sociais. Há algo para modificar.

Prós / Contras Teletype.in

✓ Bom editor
✓ Você pode conectar seu domínio
✓Convenientemente adicionar e editar mensagens
✓ Você pode especificar um URL para cada pós
✗ Não há controle sobre o site, você não pode hospedar uma série
✗ editor bruto, há erro
✗ pouco espaço para o design de perfil

WordPress, Egeu e todos os outros mecanismos

Eu tentei muitos motores e a maioria deles parece desatualizada por várias décadas. O principal problema é a interface administrativa reprojetada e a falta de um editor WYSIWYG. Não analisarei o popular CMS, porque todos sofrem com os problemas descritos acima.

A forma correta de comentários

Sinto-me desconfortável se vir um artigo sob o qual você não pode deixar um comentário. Pior ainda, quando a possibilidade de comentar é vedada por uma assinatura paga ou um registro complexo. A forma correta de comentários deve permitir que qualquer visitante se expresse o mais facilmente possível, sem a necessidade de se registrar no site.

Disqus - serviço de comentários ruins

Eu tenho um site que usa o serviço de comentários Disqus . Cada terceiro comentário lá Disqus marca como spam e o oculta, não importa como eu tente desativar os filtros de spam. Por isso, as pessoas não podem se comunicar normalmente. A ordem dos comentários muda constantemente aleatoriamente; alguns comentários simplesmente desaparecem após um tempo. Ele puxa toneladas de javascript e diminui a velocidade. Em geral, o Disqus é o pior desvio, e eu não recomendo que ninguém o use.

Remark42 - bom serviço de comentários

Remark42 - um mecanismo de comentários aberto para incorporação em qualquer site da Eugeneumputun. Disponível como imagem do Docker para implantação em seu servidor. Ele suporta comentários anônimos e login em mídias sociais. Suporta marcação Markdown. Existe até uma notificação de novos comentários para o administrador no Telegram. Um exemplo de referência de um bom mecanismo de comentários.

Conclusão

Agora eu escolho entre Teletype.in e Ghost. Ambos os motores têm suas vantagens e desvantagens que precisam ser concluídas. Talvez esteja faltando alguma coisa e haja mecanismos que atendam às minhas necessidades, mas não os conheço. Se você tem algo a acrescentar, informe nos comentários.

Como eu estava procurando um mecanismo infantil para um blog