yogsototh/scratch
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
scratch/output/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/index.html

305 lines
14 KiB
HTML
Raw Normal View History

Made this blog a rake application for heroku
2010-08-23 12:26:48 +00:00
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="blog, nanoc">
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/twilight.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Récupérez mon système de blog" type="text/html" hreflang="fr" href="/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/" />
<link rel="alternate" lang="en" xml:lang="en" title="Get my blog engine" type="text/html" hreflang="en" href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/" />
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
<title>Récupérez mon système de blog</title>
</head>
<body lang="fr">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang">
regen
2010-09-10 07:57:27 +00:00
<a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/" onclick="setLanguage('en')">in English</a>
Made this blog a rake application for heroku
2010-08-23 12:26:48 +00:00
</div>
</div>
<div id="titre">
<h1>
Récupérez mon système de blog
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<p>J&rsquo;ai publié une version <em>light</em> de mon système de blog hier soir. Par <em>light</em> il faut comprendre avec un CSS plus épuré et plus portable (sans les bords ronds).
Vous pouvez le récupérer sur <a href="http://github.com/yogsototh/nanoc3_blog">github.com</a>.</p>
<p>Que pouvez-vous attendre de ce système de blog&nbsp;?</p>
<ul>
<li>Tous les avantages liés à <a href="http://nanoc.stoneship.org">nanoc</a>&nbsp;;</li>
<li>Facilité de la gestion de plusieurs langues&nbsp;;</li>
<li>coloration syntaxique des codes sources pour la plupart des languages&nbsp;;</li>
<li>commentaires gérés avec <a href="http://intensedebate.org">intenseDebate</a> de façon asynchrone&nbsp;;</li>
<li>très portable avec ou sans javascript, XHTML Strict 1.0 / CSS3&nbsp;;</li>
<li>écrivez vos entrées au format Markdown (pas de HTML)&nbsp;;</li>
<li>des améliorations typographiques (pas de &lsquo;:&rsquo; en début de ligne en Français par exemple),</li>
<li>entrez directement le code de graphes qui se génèreront automatiquement en image à l&rsquo;aide de <a href="http://graphviz.org">Graphviz</a>.</li>
</ul>
<p>Pour vous donner une idée plus précise, voici la documentation que j&rsquo;ai faite (en anglais) pour accompagner le code.</p>
</div>
<div class="corps">
<h1 class="first" id="main-documentation-page">Main Documentation Page</h1>
<p>Cette page est seulement en anglais désolé.</p>
<h1 id="use-it-now">Use It NOW!</h1>
<p>Once installed (follow the README.md instructions).</p>
<pre class="twilight">
$ cd /root/of/nanoc3_blog
$ ./task/new_blog_entry Title of the blog
$ vi latest.md
$ ./task/recompile
</pre>
<p>Now your website reside into the <code>output</code> directory.</p>
</div>
<div class="corps">
<h1 class="first" id="documentation">Documentation</h1>
<h2 id="useful-things-to-know">Useful things to know</h2>
<h3 id="multi-language">Multi-language</h3>
<p>All files in <code>multi</code> are processed and copied in the <code>content</code> directory.
For each file in multi, each line starting by &lsquo;<code>fr: </code>&rsquo; are copied (without the <code>fr: </code> into the <code>content/html/fr/</code> tree, but not into the <code>content/html/en</code> tree. File not starting by <code>fr: </code> or <code>en: </code> are copied in each destinations.</p>
<p>If you want to add another language, you&rsquo;ll have to modify <code>tasks/config</code>, and <code>config.yaml</code>, create a <code>content/html/xx</code> where <code>xx</code> is the language code.</p>
<h3 id="edition--rendering">Edition &amp; Rendering</h3>
<h4 id="additional-keywords">additional keywords</h4>
<p>You can separate multi content div using the: <code>n</code><code>ewcorps</code> directive (see examples).</p>
<p>You can create div using <code>b</code><code>egindiv(classname)</code>, <code>e</code><code>nddiv</code>. (See some existing blog entries for example). Use the class <code>intro</code> for the abstract part.</p>
<p>You can create nice description table using <code>&lt;</code><code>desc&gt;</code> (See source code for example).</p>
<h4 id="typography">Typography</h4>
<p>In French all &lsquo;:&rsquo;, &lsquo;;&rsquo;, &lsquo;!&rsquo; and &lsquo;?&rsquo; are preceded automatically by <code>&amp;nbsp</code>. This enable not to have a line starting by a single special character.</p>
<p>You can use small caps using <code>&lt;sc&gt;</code> tags. </p>
<ul>
<li><code>(c</code><code>)</code> is replaced by <small>&copy;</small>.</li>
<li><code>(r</code><code>)</code> is replaced by <small>&reg;</small>.</li>
<li><code>&lt;</code><code>-</code> is replaced by &larr;.</li>
<li><code>-</code><code>&gt;</code> is replaced by &rarr;.</li>
</ul>
<h4 id="source-code">source code</h4>
<p>To write source code you should use the following format:</p>
<pre class="twilight">
<span class="MetaTagInline"><span class="MetaTagInline">&lt;</span><span class="MetaTagInline">code</span> <span class="MetaTagInline">class</span>=<span class="String"><span class="String">&quot;</span>ruby<span class="String">&quot;</span></span> <span class="MetaTagInline">file</span>=<span class="String"><span class="String">&quot;</span>filename.rb<span class="String">&quot;</span></span><span class="MetaTagInline">&gt;</span></span>
The code
<span class="MetaTagInline"><span class="MetaTagInline">&lt;/</span><span class="MetaTagInline">cOde</span><span class="MetaTagInline">&gt;</span></span>
</pre>
<p>The <code>file</code> attribute is not required.</p>
<h3 id="blog">blog</h3>
<p>If you want to make really long blog post, you can separate them into many files. To accomplish that, you simply have to make your files like:</p>
<pre class="twilight">
multi/blog/2010-06-01-the-title.md
multi/blog/2010-06-01-the-title/second_part.md
multi/blog/2010-06-01-the-title/third_part.md
</pre>
<h3 id="mobileme">mobileme</h3>
<p>All files are intended to be generated into the <code>output/Scratch</code> directory.
This was made like that to work nicely with iWeb organisation of websites.</p>
<h3 id="menu">menu</h3>
<p>The order of post is done using the <code>menupriority</code> meta-data in the header of the files.</p>
<p>You can hide some file from the menu by setting: <code>isHidden: true</code> in the header.</p>
<h2 id="details">Details</h2>
<p>To know more about this blog engine, you should look at
<a href="http://nanoc.stoneship.org">nanoc</a> project.</p>
<p>Then look at the files inside your project:</p>
<div><table class="description" summary="no description"><tr class="assombris20"><td class="definitionCell">
README.md </td><td class="valueCell"> readme for the project (used by github) </td></tr><tr class="assombris10"><td class="definitionCell">
latest.md </td><td class="valueCell"> symbolic link to the last blog entry </td></tr><tr class="assombris20"><td class="definitionCell">
multi/ </td><td class="valueCell"> Directory containing multi-language articles </td></tr><tr class="assombris10"><td class="definitionCell">
tasks/ </td><td class="valueCell"> scripts for website live </td></tr><tr class="assombris20"><td class="definitionCell">
config.yaml </td><td class="valueCell"> global configuration file </td></tr><tr class="assombris10"><td class="definitionCell">
Rules </td><td class="valueCell"> generation rules </td></tr><tr class="assombris20"><td class="definitionCell">
content/ </td><td class="valueCell"> content files processed by nanoc </td></tr><tr class="assombris10"><td class="definitionCell">
layouts/ </td><td class="valueCell"> erb templates </td></tr><tr class="assombris20"><td class="definitionCell">
lib/ </td><td class="valueCell"> ruby libraries used to process files </td></tr><tr class="assombris10"><td class="definitionCell">
output/ </td><td class="valueCell"> website </td></tr><tr class="assombris20"><td class="definitionCell">
Rakefile </td><td class="valueCell"> not mandatory for this blog </td></tr>
</table></div>
</div>
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocomfr">
s'abonner
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
document.write('<div id="clickcomment">Commentaires</div>');
</script>
<div class="flush"></div>
<div class="corps" id="comment">
<h2 class="first">commentaires</h2>
<noscript>
</noscript>
<script type="text/javascript">
var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
var idcomments_post_id = '/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/';
var idcomments_post_url = 'http://yannesposito.com/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/';
</script>
<span id="IDCommentsPostTitle" style="display:none"></span>
<script type='text/javascript' src='/Scratch/js/genericCommentWrapperV2.js'></script>
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<ul><li><a href="/Scratch/fr/">Acceuil</a></li>
<li><a href="/Scratch/fr/blog/">Blog</a></li>
<li><a href="/Scratch/fr/about/">À propos</a></li>
<li><a href="/Scratch/fr/contact/">Contact</a></li></ul>
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
articles précédents
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-06-14-multi-language-choices/">&larr; choix liés à l'écriture dans plusieurs langues</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">&larr; Arbres ; Pragmatisme et Formalisme</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">&larr; Comment réparer un XML coupé ?</a>
</div>
</div>
<div id="next_articles">
articles suivants
<div class="next_article">
<a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site&rarr; </a>
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web&rarr; </a>
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/">Comment faire des popups en jQuery rapidement&rarr; </a>
</div>
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
</div>
<div id="lastmod">
New blog entry mail from command line
2010-08-31 13:06:43 +00:00
Écrit le : 15/06/2010
New traduction consequences
2010-09-02 09:51:46 +00:00
modifié le : 24/06/2010
Made this blog a rake application for heroku
2010-08-23 12:26:48 +00:00
</div>
<div>
Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a>
et
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="/Scratch/fr/validation/">Validation</a>
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/fr/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Reference in a new issue Copy permalink