{"id":7338,"date":"2010-05-08T19:58:16","date_gmt":"2010-05-08T17:58:16","guid":{"rendered":"http:\/\/davidbosman.fr\/blog\/2010\/05\/08\/utiliser-markdown-pour-blogger-depuis-textmate\/"},"modified":"2011-08-10T16:31:38","modified_gmt":"2011-08-10T14:31:38","slug":"utiliser-markdown-pour-blogger-depuis-textmate","status":"publish","type":"post","link":"https:\/\/www.davidbosman.fr\/blog\/2010\/05\/08\/utiliser-markdown-pour-blogger-depuis-textmate\/","title":{"rendered":"Utiliser Markdown pour blogger depuis TextMate"},"content":{"rendered":"<p><s>Pour r\u00e9pondre \u00e0 la montagne de demandes<\/s> ok, ok : pour r\u00e9pondre <em>aux trois courriers<\/em> de lecteurs d\u00e9sireux d&#8217;en savoir plus sur la fa\u00e7on dont je blogue depuis TextMate, et comment j&#8217;utilise Markdown, voici quelques infos.<\/p>\n\n<p><!--more-->\n<strong>Edit 13 juillet 2010: pour r\u00e9pondre  quelques questions, j&#8217;ai modifi\u00e9 et ajout\u00e9 certaines explications.<\/strong><\/p>\n\n<p>Pour m\u00e9moire, il y a d\u00e9j\u00e0 cette vid\u00e9o, <a href=\"http:\/\/davidbosman.fr\/blog\/2010\/03\/29\/blogger-depuis-textmate\/\">en anglais<\/a>, qui explique comment configurer Textmate pour publier sur votre blog <s>(je n&#8217;y reviens pas)<\/s>.<\/p>\n\n<h3>A quoi \u00e7a sert ?<\/h3>\n\n<ul>\n<li>A \u00e9crire mes textes dans n&#8217;importe quel \u00e9diteur de texte.<br \/>Utiliser un \u00e9diteur de texte est beaucoup plus fiable\/pratique\/performant que n&#8217;importe quel formulaire Web \u2014 car, aussi sophistiqu\u00e9s soient-ils, c&#8217;est \u00e0 \u00e7a que se ram\u00e8nent les \u00e9diteurs &#8220;riches&#8221; de WordPress ou des autres blog : un formulaire.<\/li>\n<li>Je peux \u00e9crire sans \u00eatre connect\u00e9 au Web, et publier les billets d\u00e8s que je me connecte.<\/li>\n<li>Comme il s&#8217;agit de simples fichiers TXT, je peux facilement les synchroniser (via Dropbox, ou autre) entre mes diff\u00e9rents ordinateurs. C&#8217;est \u00e9galement une fa\u00e7on simple et pratique d&#8217;en avoir une sauvegarde locale. <\/li>\n<li>En plus, ils sont lisibles que je sois sur Mac, Windows ou Linux. Ou m\u00eame sur l&#8217;iPhone, si j&#8217;\u00e9tais assez dou\u00e9 pour \u00e9crire sur l&#8217;iPhone.<\/li>\n<\/ul>\n\n<p><a href=\"http:\/\/daringfireball.net\/projects\/markdown\/\">Markdown<\/a>, de son c\u00f4t\u00e9, me donne acc\u00e8s \u00e0 un langage simple mais performant pour structurer mes billets, leur appliquer de styles (gras, italique,&#8230;) ou m\u00eame y ajouter des images. Par exemple :<\/p>\n\n<pre><code>    ### est un titre de niveau 3\n\nCeci est un paragraphe.\n\nCeci est un second paragraphe, un peu plus long que le pr\u00e9c\u00e8dent mais \u00e0 peine.\n<\/code><\/pre>\n\n<p><code>* Une liste \u00e0 puce<br \/>\n* une autre puce<\/code><\/p>\n\n<pre><code>Voici un mot *en italiques*, et un mot **en gras**.\n<\/code><\/pre>\n\n<p>Etc.<\/p>\n\n<p><a href=\"http:\/\/macromates.com\/\">TextMate<\/a>, de son c\u00f4t\u00e9, est un \u00e9diteur tr\u00e8s bien adapt\u00e9 \u00e0 Markdoww et au blogging, gr\u00e2ce \u00e0 des plugins qui facilitent beaucoup la vie. Une fois le blog et TextMate configur\u00e9s, il suffit d&#8217;appuyer sur un raccourci clavier pour publier le billet. Voyons cela.<\/p>\n\n<h3>Comment publier ?<\/h3>\n\n<h4>La m\u00e9thode classique (que je n&#8217;utilise pas) :<\/h4>\n\n<ol>\n<li>R\u00e9digez le billet en Markdown.<\/li>\n<li>Via le Bundle Mardown, convertissez-le en HTML classique :<br\/>\n<img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2010\/05\/markdown_textmate_001.png\" alt=\"Markdown Textmate 001\" \/>\n<br \/>(Notez le raccourci clavier)<\/li>\n<li>Ensuite, copiez l&#8217;ensemble du code et puis collez-le dans l&#8217;interface de r\u00e9daction de votre blog.<\/li>\n<li>Validez pour publier le billet.<\/li>\n<\/ol>\n\n<p>C&#8217;est d\u00e9j\u00e0 pas mal comme \u00e7a, mais TextMate simplifie encore le travail.<\/p>\n\n<h4>Publier directement en markdown sans quitter TextMate:<\/h4>\n\n<h5>Configuration du blog et de TextMate<\/h5>\n\n<p>Sur le blog, vous devez :<\/p>\n\n<ul>\n<li><p>Activer l&#8217;interface XMLRPC sur votre blog WordPress* (ou compatible), dans la zone <strong>R\u00e9glages -> Ecriture<\/strong> de votre interface d&#8217;administration WordPress : <br \/>\n<img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2010\/05\/wordpress_xmlrpcpngs.png\" alt=\"Wordpress Xmlrpc.Pngs\" \/><\/p><\/li>\n<li><p>Toujours sur le blog: installer et activer un plugin capable d&#8217;interpr\u00e9ter Markdown* (j&#8217;utilise <a href=\"http:\/\/wordpress.org\/extend\/plugins\/markdown-for-wordpress-and-bbpress\/\">Markdown for WordPress and bbPress<\/a>).<\/p><\/li>\n<\/ul>\n\n<p>Gr\u00e2ce \u00e0 ce plugin, on va s&#8217;\u00e9pargner la conversion du billet r\u00e9dig\u00e9 en Markdown vers le HTML, on pourra le publier tel quel. On pourra donc r\u00e9diger et poster les billets sans jamais quitter TextMate (y compris si vous utilisez des images dans votre article, TextMate se chargeant de les uploader, comme un grand).<\/p>\n\n<p>Ensuite, il faut configurer le blog dans TextMate, pour qu&#8217;il sache o\u00f9 il doit envoyer les billets :<\/p>\n\n<ul>\n<li>Allez dans <strong>Bundles -> Blogging -> Setup blog<\/strong> et indiquez d&#8217;abord un petit nom pour votre blog (important si vous publiez sur plusieurs blog) suivi de l&#8217;URL du fichier XMLRPC de votre blog (il y a un exemple de configuration dans le fichier). Pour WordPress, \u00e7a ressemblera \u00e0 ceci :<br \/>\n<code>MonSite    http:\/\/VOTRELOGIN@URLDEMONSITEWORDPRESS\/xmlrpc.php<\/code><\/li>\n<\/ul>\n\n<p>Gr\u00e2ce \u00e0 cette simple ligne, TexMate pourra publier vos billets, y compris avec des images. Tout est g\u00e9r\u00e9 automatiquement.<\/p>\n\n<h5>Publier en markdown<\/h5>\n\n<ol>\n<li>R\u00e9digez le billet en Markdown.<\/li>\n<li>Appuyez sur <strong>Cmd+Ctrl+P<\/strong>.<\/li>\n<li>Y en a pas, le billet est publi\u00e9 sur votre blog \ud83d\ude09<\/li>\n<\/ol>\n\n<p><a href=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2010\/05\/TextMate-markdown-blog001.mov\">Une petite vid\u00e9o sera plus parlante<\/a><\/p>\n\n<p>2<sup>\u00e8me<\/sup> partie : <a href=\"http:\/\/davidbosman.fr\/blog\/2010\/05\/08\/utiliser-markdown-pour-blogger-depuis-textmate-partie-2\/\">les m\u00e9tadonn\u00e9es<\/a><\/p>\n\n<p>(Edit du 9 mai : simplifi\u00e9 certaines explications)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pour r\u00e9pondre \u00e0 la montagne de demandes ok, ok : pour r\u00e9pondre aux trois courriers de lecteurs d\u00e9sireux d&#8217;en savoir plus sur la fa\u00e7on dont je blogue depuis TextMate, et comment j&#8217;utilise Markdown, voici quelques infos.<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[39,21,38,47,5],"class_list":["post-7338","post","type-post","status-publish","format-standard","hentry","category-mac","tag-apple","tag-ecriture","tag-markdown","tag-textmate","tag-zen"],"_links":{"self":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/7338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/comments?post=7338"}],"version-history":[{"count":27,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/7338\/revisions"}],"predecessor-version":[{"id":11073,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/7338\/revisions\/11073"}],"wp:attachment":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/media?parent=7338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/categories?post=7338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/tags?post=7338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}