Markdown pour Blogger


21

Est-il possible d'avoir une intégration Markdown pour Blogger? Comment puis-je le faire si possible? Existe-t-il une sorte de plugin ou d'astuce JavaScript que je peux utiliser pour modifier mon modèle afin qu'il prenne en charge Markdown?

Réponses:


24

Vous pouvez utiliser StackEdit (je suis le développeur). Il s'agit d'un éditeur Markdown basé sur le Web et il vous permet de publier votre document (Markdown ou HTML converti) sur différents sites. Entre autres, vous pouvez publier sur Blogger.


+1. Cela semble assez bon pour rationaliser le processus de publication sur un blogueur. J'ai généralement utilisé pandoc pour convertir un article en HTML, puis je l'ai collé dans blogger. Néanmoins, la partie délicate survient lorsque vous souhaitez modifier un article de blogueur existant. Idéalement, ce serait aussi simple que de cliquer sur Modifier sur le post et de modifier le démarque. Mais StackEdit et d'autres options ne semblent pas le supporter.
Jeromy Anglim

1
Vous pouvez modifier votre document et mettre à jour le message en cliquant sur le bouton "publier" dans la barre de navigation (pas celui du menu). Si vous le publiez à nouveau avec le menu, vous aurez 2 articles différents du même document, que vous pouvez lister en cliquant sur "Gérer la publication".
benweet

Ne semble plus fonctionner en raison d'une erreur 400. Lien vers la machine de retour pour le billet de blog de @GianlucaCasati : webapps.stackexchange.com/questions/40737/markdown-for-blogger Le bouton de publication se trouve maintenant sous l'icône StackEdit en haut à droite.
ShawnFeatherly

1
Cliquer sur l'exportation de StackEdit sur le disque et enregistrer au format HTML brut, puis coller ce code HTML dans Blogger fonctionne très bien.
ShawnFeatherly

@ShawnFeatherly J'ai supprimé l'article et également le commentaire, merci pour les commentaires.
Gianluca Casati

2

Où voulez-vous exactement que Markdown Authoring soit disponible?

Si c'est pour les articles que vous écrivez, la modification devra être apportée à l'éditeur de Blogger, pas à votre modèle: même si vous écrivez en mode HTML plutôt qu'en mode de composition, Blogger valide toujours le code HTML avant de publier l'article.

Une alternative pour les publications serait si vous souhaitez publier via mail2Post. Dans ce cas, il serait raisonnable de rechercher un service en ligne qui accepte le contenu au format Markdown que vous fournissez, le convertit en HTML, puis l'envoie à une adresse e-mail que vous fournissez (votre adresse "mots secrets" à partir de Blogger).

Une autre alternative est Windows Live Writer - mais je ne sais pas s'il prendrait en charge Markdown. Et même si c'est le cas, AFAIK une fois qu'un article Blogger est créé avec WLW, il ne peut être édité qu'avec WLW et non avec l'éditeur de messages régulier de Blogger.

D'un autre côté, si vous voulez que le format Markdown soit disponible pour les commentaires, alors oui, j'imagine que certains systèmes de commentaires tiers pourraient être intégrés, mais je ne suis pas sûr de ce qu'ils sont - peut-être que Disqus (fonctionne certainement avec Blogger) autorise Markdown ?


2

Je vais réécrire la réponse de @ pajju, car c'est le chemin que j'ai choisi et je pense que cela fonctionne bien, bien que j'inclue des exemples. La page source est la suivante: http://dvdotsenko.blogspot.in/2012/08/markdown-with-blogspotcom-and-bloggercom.html

L'idée de base est d'écrire votre démarque en mode HTML dans une balise de script:

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

even with some `code`:

    > rm -rf /

</script>

Saisissez ensuite une bibliothèque de démarques javascript et incluez-la dans le code HTML de votre modèle, juste avant </body>. Par exemple, ceci: https://code.google.com/p/pagedown/source/browse/Markdown.Converter.js Les balises CDATA sont nécessaires ou le validateur du blogueur se plaint.

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

J'ai également ajouté un lien vers le code de Google , mais directement (contrairement à la méthode du blog ci-dessus):

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

Incluez ensuite un petit script pour tout activer:

<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>

Le débogage en écrivant une petite publication et en appuyant sur l'aperçu avec la console du développeur ouverte était nécessaire. Le CSS personnalisé du modèle a probablement aussi besoin de travail pour le rendre décent.


-3

C'est possible, il suffit de suivre ce lien. Cela fonctionne bien.

http://dvdotsenko.blogspot.in/2012/08/markdown-with-blogspotcom-and-bloggercom.html


Bien que cela puisse théoriquement répondre à la question, il serait préférable d'inclure ici les parties essentielles de la réponse et de fournir le lien de référence.
Sathyajith Bhat

Je pense que vous pouvez lire. J'ai juste essayé de t'aider ici, et tu as voté aussi? Stackoverflow devient comme un autre endroit pour les trolls, à cause de gens comme vous.
pajju

7
Je ne vous ai pas déçu plus tôt, alors voici un vote négatif pour le prouver. Ce n'est pas Stack Overflow , ce sont des applications Web . Il ne s'agit pas de «lire», si ce blog tombe en panne / est supprimé, votre soi-disant réponse est sans valeur. Et souligner ce qui ne va pas avec cette réponse et comment vous pouvez l'améliorer n'est pas de la «pêche à la traîne», cela s'appelle une critique constructive
Sathyajith Bhat
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.