Markdown para o Blogger


21

É possível ter a integração do Markdown para o Blogger? Como posso fazer isso se possível? Existe algum tipo de plug-in ou truque de JavaScript que eu possa usar para modificar meu modelo para dar suporte ao Markdown?

Respostas:


24

Você pode usar o StackEdit (eu sou o desenvolvedor). É um editor de Markdown baseado na Web e permite publicar seu documento (Markdown ou HTML convertido) em sites diferentes. Entre outros, você pode postar no Blogger.


+1. Isso parece muito bom para otimizar o processo de postagem no blogger. Normalmente, eu uso o pandoc para converter uma postagem em HTML e colá-la no blogger. No entanto, a parte complicada ocorre quando você deseja editar uma postagem de blogueiro existente. Idealmente, seria tão simples quanto clicar em editar na postagem e editar a remarcação. Mas o StackEdit, juntamente com outras opções, não parecem suportar isso.
Jeromy Anglim

1
Você pode editar seu documento e atualizar a postagem clicando no botão "publicar" na barra de navegação (não no menu). Se você publicá-lo novamente com o menu, você terá 2 postagens diferentes do mesmo documento, que podem ser listadas clicando em "Gerenciar publicação".
benweet

Não parece mais funcionar devido a um erro de 400. Caminho da máquina de volta para a postagem do blog de @GianlucaCasati : webapps.stackexchange.com/questions/40737/markdown-for-blogger Agora, o botão de publicação está sob o ícone StackEdit no canto superior direito.
precisa saber é o seguinte

1
Clicar na exportação do StackEdit para o disco e salvá-lo como HTML simples, e colar esse HTML no Blogger, funciona muito bem.
precisa saber é o seguinte

@ ShawnFeatherly Eu removi o artigo e também o comentário, obrigado pelo feedback.
Gianluca Casati

2

Onde exatamente você deseja que a criação do Markdown esteja disponível?

Se for para as postagens que você escreve, a modificação precisa ser no editor do Blogger, não no seu modelo: mesmo se você escrever no modo HTML em vez de no modo Compose, o Blogger ainda valida o HTML antes de publicar a postagem.

Uma alternativa para postagens seria se você deseja publicar via mail2Post. Nesse caso, seria razoável procurar algum serviço on-line que aceite o conteúdo no formato Markdown fornecido por você, converta-o em HTML e envie-o para um endereço de e-mail fornecido (seu endereço de "palavras secretas" de Blogger).

Outra alternativa é o Windows Live Writer - mas não tenho certeza se ele suportaria o Markdown. E mesmo que isso aconteça, o AFAIK, uma vez que uma postagem do Blogger é feita com WLW, ela só pode ser editada com WLW e não com o editor de postagem regular do Blogger.

Por outro lado, se você deseja que o formato Markdown esteja disponível para comentários, sim, eu poderia imaginar que alguns sistemas de comentários de terceiros pudessem ser integrados, mas não tenho certeza do que eles são - talvez o Disqus (definitivamente funciona com o Blogger) permita o Markdown ?


2

Reescreverei a resposta de @ pajju, porque esse foi o caminho que escolhi e acho que funciona bem, apesar de incluir exemplos. A página de origem é esta: http://dvdotsenko.blogspot.in/2012/08/markdown-with-blogspotcom-and-bloggercom.html

A idéia básica é escrever sua redução no modo HTML em uma tag de script:

<script type="text/x-markdown">
#markdown supported post

even with some `code`:

    > rm -rf /

</script>

Em seguida, pegue uma biblioteca de marcação javascript e inclua-a no HTML do seu modelo, pouco antes </body>. Por exemplo, este: https://code.google.com/p/pagedown/source/browse/Markdown.Converter.js As tags CDATA são necessárias ou o validador do blogueiro reclama.

<script type="text/javascript">//<![CDATA[
... paste markdown js inline here
//]]>
</script> <!-- end markdown -->

Também joguei um link para o código do Google , mas diretamente (ao contrário do método no blog acima):

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

Em seguida, inclua um pequeno script para ativar tudo:

<script type="text/javascript">//<![CDATA[
(function(){
//from the above post  
var scripttags = document.getElementsByTagName('script')
, i, l
, s, d
for (i = 0, l = scripttags.length; i !== l; i++){
    if (scripttags[i].type === 'text/x-markdown') {
        s = scripttags[i]
        d = document.createElement('div')
        d.innerHTML = (new Markdown.Converter()).makeHtml(s.innerHTML)
        s.parentNode.insertBefore(d, s)
    }
}

//a little extra for syntax highlighting
var codetags = document.getElementsByTagName('code')
for (i = 0; i < codetags.length; ++i)
{
    codetags[i].className += ' prettyprint';
}

})()
//]]>
</script>

A depuração escrevendo uma pequena postagem e atingindo a visualização com o console do desenvolvedor aberto era necessária. O CSS personalizado do modelo provavelmente também precisa de algum trabalho para torná-lo decente.


-3

Embora isso possa teoricamente responder à pergunta, seria preferível incluir aqui as partes essenciais da resposta e fornecer o link para referência.
Sathyajith Bhat

Eu acho que você pode ler. Eu apenas tentei ajudá-lo aqui, e você fez o voto negativo também? O Stackoverflow está ficando como outro lugar para trolls, por causa de pessoas como você.
pajju

7
Eu não o votei anteriormente, então aqui está o voto negativo para provar isso. Isso não é estouro de pilha , aplicativos de Web . Não é uma questão de 'leitura', se esse blog for desativado / removido, sua chamada resposta será inútil. E apontar o que há de errado com esta resposta e como você pode melhorá-lo não é 'corrico', é chamado de crítica construtiva
Sathyajith Bhat
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.