{A:D}

Du code, des astuces et des pixels.

Bienvenue sur ce blog

Bienvenue cher visiteur sur ce modeste blog.

Qu’a t’il de particulier me direz-vous ?

Et bien, ce blog est hébergé sur GitHub, en utilisant une plate-forme appelée Octopress.

La particularité d’Octopress c’est que le blog est statique, ce n’est que du HTML. Ici pas de PHP. On crée ses posts en markdown. Vous pouvez voir un exemple ci-dessous.

exemple d’entête
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
---
layout: post
title: "Bienvenue sur ce blog"
date: 2012-08-01 12:51
comments: true
published: true
categories: 
- Note
tags:
- octopress
- initation
- tuto
- tutorial
---

<p>Bienvenue cher visiteur sur ce modeste blog.</p>
<h3>Qu'a t'il de particulier me direz-vous ?</h3>
<p>Et bien, ce blog est hébergé sur GitHub, en utilisant une plate-forme appelée <a href="http://octopress.org/">Octopress</a>.</p>
<p>La particularité d'Octopress c'est que le blog est statique, ce n'est que du HTML. Ici pas de PHP. On crée ses posts en markdown. Vous pouvez voir un exemple ci-dessous.</p>

Vous voyez en haut un bloc encadré par — qui définie les “méta” de votre article ou page, un peu comme les méta box sous wordpress.

  • layout: définit la template qui va être utilisée
  • title : définit le titre de votre article
  • date: vous avez compris !
  • comments: définit si vous activez ou pas les commentaires via disqus
  • published: définit si votre atricle sera publié ou pas lors du “generate” (on verra ça après)
  • categories: définit la ou les catégories que vous attribuer à votre article
  • tags: définit le ou les tags que vous attribuer à votre article

Non mais attends si ça fait tout comme wordpress pourquoi s’embêter avec Octopress. Encore un truc à apprendre, quoi !


Points + :

Pas de base de données, pas de mysql, pas d’injection SQL, j’en passe et des meilleures. Ici que du HTML. La rapidité de votre blog sera x10 même avec de gros pics à 10 000 visiteurs en même temps.

Pas de php, donc pas server side, la rapidité s’en ressent aussi.

Vous pouvez utiliser votre editeur de texte favori avec vos snippets, votre environnement favori, pas de tinyMCE. Si vous avez l’habitude de travailler avec Sublime text 2 comme moi, vous écrirez vos articles plus rapidement.

Vous pouvez utiliser HTML 5, CSS 3, Octopress est livré par défaut avec SASS et Compass

Vous avez des plugins livrés de base avec :

  • HTML5 Video Tag - Vidéos mp4 embarquée encodée en HTML5
  • Backtick Code Block - pour le partage de code simple et léger
  • Code Block - pour partager du code avec des titres et des liens
  • Include Code - incorporer du code à partir de votre système de fichiers avec un lien de téléchargement
  • Gist Tag - télécharge automatiquement et intègre des gist Github
  • jsFiddle - incorporer du code à partir de jsFiddle
  • Image Tag - facilement publier des images avec des noms de classe et les titres
  • Render Partial - insérer un fichier dans un autre article ou la page
  • Block Quote - générer des belles citations sémantiques
  • Pull Quote - générer des guillemets — - pas de données en double, pas de javascript
  • Category Generator - génère des pages d’archives pour chaque catégorie du blog
  • Include Array - comprend un tableau de partials indiqués dans _config.yml

Vous avez votre blog ET vote logiciel de versioning au même endroit.

Le thème par défaut est “responsive”.

Vous pouvez inclure votre propre nom de domaine et ainsi avoir votre blog à monsite.com au lieu de monsite.github.com

Point +++ :

Vote site est hébergé gratuitement sur GitHub, leur infrastructure est juste énorme. Leurs serveurs sont costauds.


Points - :

Vous devez connaitre Git et GitHub pour pouvoir blogguer et SASS pour modifier votre thème.

Vous devez avoir une machine avec vos sources octopress dessus et git, ruby et plusieurs gem d’installés dessus pour pouvoir mettre votre blog à jour.

A chaque mise à jour de votre site, vous devez rénénérer tout votre site. Bon je vous rassure ça prends 10 secondes mais ça peut surement durer 1 à 2 minutes pour les gros blogs avec des centaines d’articles dessus, vu que ce n’est que du HTML.


Voilà cette présentation est terminée, j’espère très prochainement vous faire un tuto complet en français pour permettre au gens qui veulent essayé de tester, même si le site Octopress l’explique très simplement en anglais.

PS : le thème de ce site est loin d’être fini, il va évolué rapidement vers son état final. Merci de votre compréhension.

Comments