Comment enregistrer son blog

Il s'agit de faire une copie du blog sur disque dur pour pouvoir le montrer à quelqu'un qui n'aurait pas d'ordinateur.  C'est un peu fastidieux, et le résultat n'est pas absolument identique au blog, mais ça marche !

1) déterminer comment naviguer entre les articles

dans le blog "en ligne" on a par exemple:
articles récents
catégories
liste complète

dans le blog "enregistré", chaque article va être enregistré séparément, il faut donc recréer un moyen de navigation: ceci est fait par le moyen d'articles, auquels on accédera avec des liens toujours visibles : donc soit en tête de page ou bas de page, soit dans des modules texte libre
même si on ne sait pas encore à cette étape la forme finale que ces "articles de navigation"  prendront, il est important de les créer pour avoir , sur chaque article du blog qu'on va enregistrer aprés, le lien vers ces "articles de navigation"

Par exemple, moi j'ai créé 3 articles:
- liste complète des articles
-liste des catégories
-articles préférés


2) modifier les liens vers les articles créés pour la navigation

une fois que l'on a créé les articles de navigation et les liens qui y renvoient , on peut faire cette étape

les liens se présentent sous la forme: <a href ="http://nom-du-blog.over-blog.com/article-NNNN   ...>
il faut les éditer pour écrire  <a href="article-NNN ...>
c'est ce qui permettra la navigation "locale" sans aller sur le net.
Il sera possible de copier l'ensemble complet sur un CD Rom ou une clé USB et ça marchera


3) nettoyer le blog

par exemple enlever "clustermap" qui fait planter si on consulte une page avec IE sans connexion internet  ( ce qu'on enlève d'un module texte libre par ex,  il est toujours possible de le sauvegarder
en copiant le code source dans un article, ce qui permettra une récupération ).

on peut aussi enlever les modules qui vont réaiguiller vers le net: articles récents, catégories, commentaires ...

Aussi, pour chaque article vont  être créés sur le disque:  1) l'article lui même (XXX.html) et 2) un fichier avec le css, les photos, etc . Si il y a une image lourde qui est sur tous les articles (en tête de blog, ou en fond, ou en avatar, par ex) elle va être enregistrée autant de fois qu'il y a d'articles, ce qui va alourdir le total. Pour une sauvegarde massive de tous vos articles, il peut être mieux d'alléger.

le fait d'avoir autant de fois que d'articles le css enregistré n'est pas du tout élégant, mais le poids est faible (moins de 100 Ko à chaque fois)

4) enregister chaque article du blog

(ATTENTION il est important d'avoir fait les étapes 1 et 2  , sinon vous n'aurez rien pour naviguer)

préparer un dossier réservé pour y stocker les fichiers puis
à faire avec FF uniquement : faire comme suit

4.1)  fichier/enregistrer sous (ça va créer l'article sous le nom article-NNN, et les fichiers associés: images, css, etc .)
4.2) afficher le code source
4.3) quand le code source est affiché, refaire "enregister sous" en confirmant l'écrasement  de l'enregistrement précédent.

si on ne fait pas ce double enregistrement dans cet ordre, le navigateur va recrééer  l'URL complet chaque fois qu'il trouve une ligne <a href= article-NNNN) et vous n'aurez pas de référence "locale"

Ne pas enregistrer tout de suite les articles "de navigation"

5) finaliser les articles de navigation

attention à ne pas se planter: il faut toujours bien sûr garder les numéros d'articles créés à l'étape 1, on ne peut pas les détruire et les recréer

5.1) création du contenu

pour créer l'article: liste complète: on peut faire un copier coller de l'affichage "liste complète" du blog "en ligne" mais attention il faut peut être retravailler le résultat (par exemple passer en code source, couper coller  le code source sur word, effacer les <span> et autres  style= ...  redondants, puis revenir avec un copier coller sur le mode source de l'article

pour les autres articles, c'est à vous de voir votre besoin:  par exemple pour mon article catégories: j'ai fait comme ça:
copier coller de la liste complète
couper-coller vers  word
sur word, c'est facile de réorganiser en déplaçant avec la souris du texte,  j'ai donc trié par catégorie
aprés recopier coller sur l'article

5.2) éditer les articles de navigation

pour chaque article
a) afficher le code soucre
b) couper coller le code source vers word
c) modifier en bloc les URL des liens vers les articles avec la fonction "remplacer" de word : remplacer href ="http://nom-du-blog.over-blog.com/article par href=article
(mê me chose qu'en 3) ci dessus)

copier coller  le code source  modifié vers l'article


6) enregistrer les articles de navigation

comme en 4 ci dessus

7) peaufiner

à ce stade on aura sur le dique un ensemble de fichiers html et des dossiers associés , on peut ouvir n'importe quel fichier artcle-NNn.html pour naviguer

ce qu'on a pas:
-les liens entre articles ( on peut les avoir en modifiant les URL comme en 3 ci dessus , si on a en que quelques uns: il faut pour ça ouvrir les fichiers article-NNN.html avec le bloc note)
-les images s'ouvrant en pop up ( on doit pouvoir faire  comme ci dessus)
-les commentaires ( on peut toujours afficher les commentaires, enregistrer cette page comme indiqué ci dessus, mais aprés il faudra penser à créer un lien pour accéder à cette page, par exemple dans la page de l'article sans ses commentaires)


MISE A JOUR DU BLOG ENREGISTRE

enregister les nouveaux articles, et mettre à jour  les articles de navigation et les réenregistrer