Commit 3587cb3e authored by Arnaud Legrand's avatar Arnaud Legrand

Regenerate HTML. Propagate to FUN.

parent d2eccf70
...@@ -4,32 +4,33 @@ ...@@ -4,32 +4,33 @@
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<div id="text-table-of-contents"> <div id="text-table-of-contents">
<ul style="margin:0 0;"> <ul style="margin:0 0;">
<li style="margin-bottom:0;"><a href="#org946e07d">Syntaxe</a> <li style="margin-bottom:0;"><a href="#org99b4a98">Syntaxe</a>
<ul style="margin:0 0;"> <ul style="margin:0 0;">
<li style="margin-bottom:0;"><a href="#org4c59067">Headers</a></li> <li style="margin-bottom:0;"><a href="#org28d66f2">Headers</a></li>
<li style="margin-bottom:0;"><a href="#org963f34c">Emphasis</a></li> <li style="margin-bottom:0;"><a href="#orgc27acce">Emphasis</a></li>
<li style="margin-bottom:0;"><a href="#org522b450">Lists</a> <li style="margin-bottom:0;"><a href="#org50640c4">Lists</a>
<ul style="margin:0 0;"> <ul style="margin:0 0;">
<li style="margin-bottom:0;"><a href="#orge792b7c">Unordered</a></li> <li style="margin-bottom:0;"><a href="#org11d3314">Unordered</a></li>
<li style="margin-bottom:0;"><a href="#org3e1534b">Ordered</a></li> <li style="margin-bottom:0;"><a href="#org0453134">Ordered</a></li>
</ul> </ul>
</li> </li>
<li style="margin-bottom:0;"><a href="#org970747d">Images</a></li> <li style="margin-bottom:0;"><a href="#orgda3d80b">Images</a></li>
<li style="margin-bottom:0;"><a href="#orgff67bef">Links</a></li> <li style="margin-bottom:0;"><a href="#org7cb67aa">Links</a></li>
<li style="margin-bottom:0;"><a href="#org28bd0a5">Blockquotes</a></li> <li style="margin-bottom:0;"><a href="#orge09365f">Blockquotes</a></li>
<li style="margin-bottom:0;"><a href="#orgb42b40a">Inline code</a></li> <li style="margin-bottom:0;"><a href="#orgfa4914a">Inline code</a></li>
</ul> </ul>
</li> </li>
<li style="margin-bottom:0;"><a href="#orgce5140d">Écrire des Maths</a> <li style="margin-bottom:0;"><a href="#org8737c71">Écrire des Maths</a>
<ul style="margin:0 0;"> <ul style="margin:0 0;">
<li style="margin-bottom:0;"><a href="#org1612cc6">Lettres grecques</a></li> <li style="margin-bottom:0;"><a href="#org6dc05c1">Lettres grecques</a></li>
<li style="margin-bottom:0;"><a href="#orgb4ec194">Fonctions et opérateurs</a></li> <li style="margin-bottom:0;"><a href="#org2d8310d">Fonctions et opérateurs</a></li>
<li style="margin-bottom:0;"><a href="#org3b624aa">Exposants et indices</a></li> <li style="margin-bottom:0;"><a href="#org69729f8">Exposants et indices</a></li>
<li style="margin-bottom:0;"><a href="#orgeffa6f2">Fractions, coefficients binomiaux, racines, &#x2026;</a></li> <li style="margin-bottom:0;"><a href="#org39a711a">Fractions, coefficients binomiaux, racines, &#x2026;</a></li>
<li style="margin-bottom:0;"><a href="#orgeddeee6">Sommes et intégrales</a></li> <li style="margin-bottom:0;"><a href="#org4b11fa4">Sommes et intégrales</a></li>
<li style="margin-bottom:0;"><a href="#org7de5a8d">Déguisements</a></li> <li style="margin-bottom:0;"><a href="#org55cc222">Déguisements</a></li>
</ul> </ul>
</li> </li>
<li style="margin-bottom:0;"><a href="#org5bb515f">Autour de <code>markdown</code></a></li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -37,13 +38,13 @@ ...@@ -37,13 +38,13 @@
Voici un aperçu rapide de la syntaxe Markdown repris d'une Voici un aperçu rapide de la syntaxe Markdown repris d'une
<a href="https://guides.github.com/features/mastering-markdown/">présentation de Github</a> ainsi que de celles d'<a href="http://csrgxtu.github.io/2015/03/20/Writing-Mathematic-Fomulars-in-Markdown/">Archer Reilly</a>. <a href="https://guides.github.com/features/mastering-markdown/">présentation de Github</a> ainsi que de celles d'<a href="http://csrgxtu.github.io/2015/03/20/Writing-Mathematic-Fomulars-in-Markdown/">Archer Reilly</a>.
</p> </p>
<div id="outline-container-org946e07d" class="outline-2"> <div id="outline-container-org99b4a98" class="outline-2">
<h2 id="org946e07d">Syntaxe</h2> <h2 id="org99b4a98">Syntaxe</h2>
<div class="outline-text-2" id="text-org946e07d"> <div class="outline-text-2" id="text-org99b4a98">
</div> </div>
<div id="outline-container-org4c59067" class="outline-3"> <div id="outline-container-org28d66f2" class="outline-3">
<h3 id="org4c59067">Headers</h3> <h3 id="org28d66f2">Headers</h3>
<div class="outline-text-3" id="text-org4c59067"> <div class="outline-text-3" id="text-org28d66f2">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
# This is an &lt;h1&gt; tag # This is an &lt;h1&gt; tag
## This is an &lt;h2&gt; tag ## This is an &lt;h2&gt; tag
...@@ -52,9 +53,9 @@ Voici un aperçu rapide de la syntaxe Markdown repris d'une ...@@ -52,9 +53,9 @@ Voici un aperçu rapide de la syntaxe Markdown repris d'une
</div> </div>
</div> </div>
<div id="outline-container-org963f34c" class="outline-3"> <div id="outline-container-orgc27acce" class="outline-3">
<h3 id="org963f34c">Emphasis</h3> <h3 id="orgc27acce">Emphasis</h3>
<div class="outline-text-3" id="text-org963f34c"> <div class="outline-text-3" id="text-orgc27acce">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
*This text will be italic* *This text will be italic*
_This will also be italic_ _This will also be italic_
...@@ -67,13 +68,13 @@ _You **can** combine them_ ...@@ -67,13 +68,13 @@ _You **can** combine them_
</div> </div>
</div> </div>
<div id="outline-container-org522b450" class="outline-3"> <div id="outline-container-org50640c4" class="outline-3">
<h3 id="org522b450">Lists</h3> <h3 id="org50640c4">Lists</h3>
<div class="outline-text-3" id="text-org522b450"> <div class="outline-text-3" id="text-org50640c4">
</div> </div>
<div id="outline-container-orge792b7c" class="outline-4"> <div id="outline-container-org11d3314" class="outline-4">
<h4 id="orge792b7c">Unordered</h4> <h4 id="org11d3314">Unordered</h4>
<div class="outline-text-4" id="text-orge792b7c"> <div class="outline-text-4" id="text-org11d3314">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
- Item 1 - Item 1
- Item 2 - Item 2
...@@ -82,9 +83,9 @@ _You **can** combine them_ ...@@ -82,9 +83,9 @@ _You **can** combine them_
</pre> </pre>
</div> </div>
</div> </div>
<div id="outline-container-org3e1534b" class="outline-4"> <div id="outline-container-org0453134" class="outline-4">
<h4 id="org3e1534b">Ordered</h4> <h4 id="org0453134">Ordered</h4>
<div class="outline-text-4" id="text-org3e1534b"> <div class="outline-text-4" id="text-org0453134">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
1. Item 1 1. Item 1
2. Item 2 2. Item 2
...@@ -95,27 +96,27 @@ _You **can** combine them_ ...@@ -95,27 +96,27 @@ _You **can** combine them_
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-org970747d" class="outline-3"> <div id="outline-container-orgda3d80b" class="outline-3">
<h3 id="org970747d">Images</h3> <h3 id="orgda3d80b">Images</h3>
<div class="outline-text-3" id="text-org970747d"> <div class="outline-text-3" id="text-orgda3d80b">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
![GitHub Logo](/images/logo.png) ![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url) Format: ![Alt Text](url)
</pre> </pre>
</div> </div>
</div> </div>
<div id="outline-container-orgff67bef" class="outline-3"> <div id="outline-container-org7cb67aa" class="outline-3">
<h3 id="orgff67bef">Links</h3> <h3 id="org7cb67aa">Links</h3>
<div class="outline-text-3" id="text-orgff67bef"> <div class="outline-text-3" id="text-org7cb67aa">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
http://github.com - automatic! http://github.com - automatic!
[GitHub](http://github.com) [GitHub](http://github.com)
</pre> </pre>
</div> </div>
</div> </div>
<div id="outline-container-org28bd0a5" class="outline-3"> <div id="outline-container-orge09365f" class="outline-3">
<h3 id="org28bd0a5">Blockquotes</h3> <h3 id="orge09365f">Blockquotes</h3>
<div class="outline-text-3" id="text-org28bd0a5"> <div class="outline-text-3" id="text-orge09365f">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
As Kanye West said: As Kanye West said:
...@@ -124,9 +125,9 @@ As Kanye West said: ...@@ -124,9 +125,9 @@ As Kanye West said:
</pre> </pre>
</div> </div>
</div> </div>
<div id="outline-container-orgb42b40a" class="outline-3"> <div id="outline-container-orgfa4914a" class="outline-3">
<h3 id="orgb42b40a">Inline code</h3> <h3 id="orgfa4914a">Inline code</h3>
<div class="outline-text-3" id="text-orgb42b40a"> <div class="outline-text-3" id="text-orgfa4914a">
<pre style="padding-left: 30px; background-color: #f6f8fa;" class="example"> <pre style="padding-left: 30px; background-color: #f6f8fa;" class="example">
To print some text with python, you should use the `print()` function. To print some text with python, you should use the `print()` function.
``` ```
...@@ -136,9 +137,9 @@ print("Hello world!") ...@@ -136,9 +137,9 @@ print("Hello world!")
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-orgce5140d" class="outline-2"> <div id="outline-container-org8737c71" class="outline-2">
<h2 id="orgce5140d">Écrire des Maths</h2> <h2 id="org8737c71">Écrire des Maths</h2>
<div class="outline-text-2" id="text-orgce5140d"> <div class="outline-text-2" id="text-org8737c71">
<p> <p>
Il est possible d'écrire des formules en Markdown, soit en mode <b>inline</b> Il est possible d'écrire des formules en Markdown, soit en mode <b>inline</b>
soit en mode <b>displayed formulas</b>. Dans le premier cas, les formules soit en mode <b>displayed formulas</b>. Dans le premier cas, les formules
...@@ -189,9 +190,9 @@ bien avec un <code>$</code>. Pour d'autres exemples plus complets jetez un coup ...@@ -189,9 +190,9 @@ bien avec un <code>$</code>. Pour d'autres exemples plus complets jetez un coup
d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMarkdown.html">exemples de James H. Steiger</a>. d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMarkdown.html">exemples de James H. Steiger</a>.
</p> </p>
</div> </div>
<div id="outline-container-org1612cc6" class="outline-3"> <div id="outline-container-org6dc05c1" class="outline-3">
<h3 id="org1612cc6">Lettres grecques</h3> <h3 id="org6dc05c1">Lettres grecques</h3>
<div class="outline-text-3" id="text-org1612cc6"> <div class="outline-text-3" id="text-org6dc05c1">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
...@@ -235,9 +236,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark ...@@ -235,9 +236,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark
</table> </table>
</div> </div>
</div> </div>
<div id="outline-container-orgb4ec194" class="outline-3"> <div id="outline-container-org2d8310d" class="outline-3">
<h3 id="orgb4ec194">Fonctions et opérateurs</h3> <h3 id="org2d8310d">Fonctions et opérateurs</h3>
<div class="outline-text-3" id="text-orgb4ec194"> <div class="outline-text-3" id="text-org2d8310d">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
...@@ -326,9 +327,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark ...@@ -326,9 +327,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark
</table> </table>
</div> </div>
</div> </div>
<div id="outline-container-org3b624aa" class="outline-3"> <div id="outline-container-org69729f8" class="outline-3">
<h3 id="org3b624aa">Exposants et indices</h3> <h3 id="org69729f8">Exposants et indices</h3>
<div class="outline-text-3" id="text-org3b624aa"> <div class="outline-text-3" id="text-org69729f8">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
...@@ -362,9 +363,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark ...@@ -362,9 +363,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark
</table> </table>
</div> </div>
</div> </div>
<div id="outline-container-orgeffa6f2" class="outline-3"> <div id="outline-container-org39a711a" class="outline-3">
<h3 id="orgeffa6f2">Fractions, coefficients binomiaux, racines, &#x2026;</h3> <h3 id="org39a711a">Fractions, coefficients binomiaux, racines, &#x2026;</h3>
<div class="outline-text-3" id="text-orgeffa6f2"> <div class="outline-text-3" id="text-org39a711a">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
...@@ -418,9 +419,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark ...@@ -418,9 +419,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark
</table> </table>
</div> </div>
</div> </div>
<div id="outline-container-orgeddeee6" class="outline-3"> <div id="outline-container-org4b11fa4" class="outline-3">
<h3 id="orgeddeee6">Sommes et intégrales</h3> <h3 id="org4b11fa4">Sommes et intégrales</h3>
<div class="outline-text-3" id="text-orgeddeee6"> <div class="outline-text-3" id="text-org4b11fa4">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
...@@ -449,9 +450,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark ...@@ -449,9 +450,9 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark
</table> </table>
</div> </div>
</div> </div>
<div id="outline-container-org7de5a8d" class="outline-3"> <div id="outline-container-org55cc222" class="outline-3">
<h3 id="org7de5a8d">Déguisements</h3> <h3 id="org55cc222">Déguisements</h3>
<div class="outline-text-3" id="text-org7de5a8d"> <div class="outline-text-3" id="text-org55cc222">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
...@@ -496,4 +497,44 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark ...@@ -496,4 +497,44 @@ d'œil à ces <a href="http://www.statpower.net/Content/310/R%20Stuff/SampleMark
</div> </div>
</div> </div>
</div> </div>
<div id="outline-container-org5bb515f" class="outline-2">
<h2 id="org5bb515f">Autour de <code>markdown</code></h2>
<div class="outline-text-2" id="text-org5bb515f">
<p>
Tout d'abord, pour aller plus loin avec <code>markdown</code> et ses extensions / ramifications :
</p>
<ul class="org-ul">
<li style="margin-bottom:0;">Le didacticiel « <a href="https://enacit1.epfl.ch/markdown-pandoc/">Élaboration et conversion de documents avec Markdown et Pandoc</a> » de Jean-Daniel Bonjour (EPFL), précis, complet, concis, en français ; un vrai bonheur !</li>
<li style="margin-bottom:0;">L'article <a href="https://en.wikipedia.org/wiki/Markdown#Example">Markdown</a> de wikipedia en anglais contient un bon pense-bête sur la syntaxe <code>markdown</code>.</li>
<li style="margin-bottom:0;">Github propose un court et efficace didacticiel (en anglais) : <a href="https://guides.github.com/features/mastering-markdown/">Mastering Markdown</a>.</li>
</ul>
<p>
Comme nous l'illustrons dans la « film d'écran » (<i>screencast</i>), l'éditeur de texte des dépôts <code>github</code> et <code>gitlab</code> permet d'interpréter / transformer à la demande un fichier <code>mardown</code> en un fichier <code>html</code>. C'est à la fois agréable et pratique, mais ce n'est pas une solution pour une utilisation quotidienne de <code>markdown</code>, pour cela, il est plus efficace d'éditer son texte, avec un éditeur de texte, sur son ordinateur, avant de « l'exporter » dans un format comme <code>html</code>, <code>pdf</code>, <code>docx</code>, <code>epub</code>, etc. Il existe des éditeurs plus ou moins spécialisés pour <code>markdown</code>, certains sont indiqués sur la page <a href="https://github.com/jgm/pandoc/wiki/Pandoc-Extras#editors">Editors</a> du site de <code>pandoc</code>, mais nous préconisons clairement l'emploi d'un éditeur de texte « généraliste » capable de reconnaître la syntaxe <code>markdown</code>. Nous en avons indiqué en début de séquence et on pourra trouver des informations complémentaires dans la section <a href="https://enacit1.epfl.ch/markdown-pandoc/#editeurs_markdown">Quelques éditeurs adaptés à l'édition Markdown</a> du didacticiel de Jean-Daniel Bonjour.
</p>
<p>
Pour convertir un fichier <code>markdown</code> en un format « arbitraire », la solution à ce jour la plus complète est <a href="http://pandoc.org/">Pandoc</a>, logiciel développé par John MacFarlane, un philosophe de Berkeley (le site <a href="https://github.com/jgm/pandoc">github</a>). En plus du site de <code>Pandoc</code>, le didacticiel de J.-D. Bonjour donne de nombreuses explications sur comment installer et utiliser <code>pandoc</code> dans la section <a href="https://enacit1.epfl.ch/markdown-pandoc/#commande_pandoc">Utilisation du convertisseur Pandoc</a>. Comme <code>pandoc</code> &#x2013; écrit en Haskell &#x2013; peut être parfois un peu difficile à installer, nous indiquons maintenant quelques solutions alternatives :
</p>
<ul class="org-ul">
<li style="margin-bottom:0;">Des sites comme <a href="http://www.markdowntopdf.com/">http://www.markdowntopdf.com/</a> et <a href="http://markdown2pdf.com/">http://markdown2pdf.com/</a> permettent de convertir en ligne un fichier <code>markdown</code> en un fichier <code>pdf</code>.</li>
<li style="margin-bottom:0;">Le projet <a href="http://commonmark.org/">CommonMark</a> propose, en plus d'une spécifications plus rigoureuse de la syntaxe <code>markdown</code>, des convertisseurs <code>markdown</code><code>html</code> / <code>LaTeX</code> (et plus) écris en <code>C</code> et en <code>JavaScript</code> (<a href="https://github.com/CommonMark/CommonMark">https://github.com/CommonMark/CommonMark</a>).</li>
<li style="margin-bottom:0;">Le site de <a href="https://daringfireball.net/projects/markdown/">John Gruber</a>, le créateur de <code>markdown</code>, fournit un convertisseur <code>markdown</code><code>html</code> écrit en <code>perl</code>.</li>
<li style="margin-bottom:0;"><a href="http://fletcherpenney.net/multimarkdown/">MultiMarkdown</a> est une autre extension de <code>markdown</code> qui vient avec son convertisseur <code>markdown</code><code>html</code> écrit en <code>C</code>.</li>
<li style="margin-bottom:0;"><a href="https://github.com/joeyespo/grip">grip</a> est un serveur écrit en <code>python</code> qui permet de convertir et visualiser à la volée des fichiers <code>markdown</code> avec son navigateur (très utile pour éviter d'avoir à faire des « commits » en grande quantité lorsqu'on écrit de tels fichiers pour un dépôt <code>github</code> ou <code>gitlab</code>).</li>
</ul>
<p>
La conversion en <code>pdf</code> passe toujours par <a href="https://fr.wikipedia.org/wiki/LaTeX">LaTeX</a> ce qui nécessite d'avoir une version complète et à jour de ce logiciel sur sa machine.
</p>
<p>
Dans la petite démonstration, nous montrons comment générer un fichier <code>docx</code> à partir d'un fichier <code>md</code> avec <code>Pandoc</code> et nous soulignons qu'il est alors possible d'utiliser un traitement de texte comme <code>LibreOffice</code> pour modifier le fichier obtenu. Il est clair que si des modifications sont apportées au <code>docx</code> elle en seront pas (automatiquement) propagées au <code>md</code>. Il faudra utiliser <code>Pandoc</code> pour cela et effectuer une conversion de <code>docx</code> vers <code>md</code> (et seules les éléments du format <code>docx</code> qui existent en <code>md</code> seront conservés).
</p>
<p>
Une stratégie qui est souvent employée et qui fonctionne bien en pratique consiste à faire le gros du travail de rédaction d'un article ou d'un mémoire en <code>Markdown</code>. La rédaction terminée, le fichier est exporté au format <code>docx</code> (ou <code>LaTeX</code>) et des ajustements de mise en page sont alors effectués avec un logiciel de traitement de texte (ou un éditeur <code>LaTeX</code>).
</p>
</div>
</div>
</div> </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment