Fix broken images: replace HTML with Markdown
This commit is contained in:
parent
828a7ce293
commit
1729f1daeb
15 changed files with 55 additions and 57 deletions
|
@ -15,9 +15,7 @@ L'auteur va très loin, du rajout d'un menu d'application discret sur le panel
|
|||
au déplacement des icônes de la systray vers le panel... exactement ce que je
|
||||
cherchais pour ne plus rater les notifications de Choqok, Empathy et Dropbox.
|
||||
|
||||
[<img src="/images/04x/systray2panel.jpg" alt="déplacer les apps systray
|
||||
vers le panel" width="600" style="margin: 0px 20px" />
|
||||
](/images/04x/systray2panel.jpg)
|
||||

|
||||
|
||||
Je vous conseille aussi la lecture des trucs et astuces Gnome 3 parus sur [Tux-
|
||||
Planet](http://www.tux-planet.fr/toutes-les-astuces-pour-gnome-shell/) et la
|
||||
|
|
|
@ -2,8 +2,7 @@
|
|||
<!-- category: Développement -->
|
||||
<!-- tag: planet -->
|
||||
|
||||
<img src="/images/06x/jenkins-logo.png" alt="Jenkins CI" title="Jenkins
|
||||
CI" style="float:left; margin: 0px 20px" checked="true" /> L'intégration
|
||||
 L'intégration
|
||||
continue s'inscrit dans [la méthodologie
|
||||
Agile](http://fr.wikipedia.org/wiki/M%C3%A9thode_agile) ; Son objectif est de
|
||||
garantir que le projet est stable tout au long du développement et qu'on peut
|
||||
|
@ -39,8 +38,8 @@ secondes. Sinon démarrez Tomcat :
|
|||
sudo /etc/init.d/tomcat6 start
|
||||
```
|
||||
|
||||
Jenkins est accessible ici : [http://<nom du
|
||||
serveur>:8080/jenkins](http://localhost:8080/jenkins)
|
||||
Jenkins est accessible ici : [http://nom du
|
||||
serveur:8080/jenkins](http://localhost:8080/jenkins)
|
||||
|
||||
Par défaut la sécurité n'est pas activée et tout le monde peut accéder et
|
||||
administrer Jenkins. Nous allons remédier à cela en modifiant les paramètres
|
||||
|
|
|
@ -12,8 +12,7 @@ langage et la qualité du rendu en PDF avec pdflatex. J'ai décidé de continuer
|
|||
sur la même voie, avec l'objectif de produire une mise en page moins austère
|
||||
à défaut de pouvoir rajeunir le candidat ;-)
|
||||
|
||||
<img src="/images/06x/trollface_cv.png" width="50%" height="50%" alt="CV
|
||||
de Jean Code" style="float:left; margin: 0px 20px;" /> En cherchant des idées
|
||||
 En cherchant des idées
|
||||
de mise en forme j'ai découvert [moderncv](http://www.ctan.org/pkg/moderncv),
|
||||
une classe de document LaTeX qui permet de structurer le document par des
|
||||
commandes supplémentaires (définir les données personnelles, définir une
|
||||
|
|
|
@ -11,9 +11,7 @@ intégré une nouvelle société avec une double casquette développeur Java /
|
|||
admin système GNU/Linux qui m'amène à mettre en place des solutions de Haute
|
||||
Disponibilité.
|
||||
|
||||
<img src="/images/07x/calendar.png" style="float:left; margin: 0px 20px;"
|
||||
/> Sinon ma belle découverte de l'année c'est Fedora que j'utilise au travail et
|
||||
à la maison depuis 6 mois. Alors que j'ai surtout utilisé des distributions
|
||||
 Sinon ma belle découverte de l'année c'est Fedora que j'utilise au travail et à la maison depuis 6 mois. Alors que j'ai surtout utilisé des distributions
|
||||
basées sur Debian hormis ArchLinux par le passé, j'ai été enchanté par le
|
||||
spin XFCE de Fedora 17. Mon portable relativement récent est correctement
|
||||
géré *"out of the box"*, les dépôts Fedora sont plutôt complets et
|
||||
|
|
|
@ -22,7 +22,7 @@ Côté ordinateur, Lightning supporte nativement le protocole CalDav et le carne
|
|||
d'adresse peut être synchronisé avec CardDAV en installant le [module
|
||||
complémentaire pour Sogo](http://www.sogo.nu/english/downloads/frontends.html).
|
||||
|
||||
<img src="/images/2014/logo-horde.jpg" style="float:left; margin: 0px 20px;"/>A
|
||||
 A
|
||||
l'époque de mon Motorola Droid, j'avais déjà utilisé le client Funambol pour
|
||||
synchroniser mes données avec
|
||||
[eGroupware](http://www.egroupware.org/community_edition) et je m'étais
|
||||
|
@ -144,31 +144,31 @@ en tant qu'administrateur sans mot de passe.
|
|||
|
||||
1. Aller dans le menu Administration / Configuration
|
||||
|
||||
<img src="/images/2014/horde-config.png"/>
|
||||

|
||||
|
||||
2. Cliquer sur le composant Horde (horde)
|
||||
|
||||
<img src="/images/2014/horde-application.png"/>
|
||||

|
||||
|
||||
3. Configurer la base de donnée dans l'onglet Database
|
||||
|
||||
<img src="/images/2014/horde-database.png"/>
|
||||

|
||||
|
||||
#### 2ème étape : créer un utilisateur avec les droits d'administration.
|
||||
|
||||
1. Aller dans le menu Administration / Utilisateur
|
||||
|
||||
<img src="/images/2014/horde-user.png"/>
|
||||

|
||||
|
||||
2. Créer un nouvel utilisateur
|
||||
|
||||
<img src="/images/2014/horde-adduser.png"/>
|
||||

|
||||
|
||||
3. Retourner dans le menu Administration / Configuration et rajouter
|
||||
l'utilisateur nouvellement créé dans les admins de l'onglet
|
||||
Authentification.
|
||||
|
||||
<img src="/images/2014/horde-setadmin.png"/>
|
||||

|
||||
|
||||
4. Il est conseillé de tester le nouvel utilisateur en se déconnectant et en se
|
||||
reconnectant. Si cela fonctionne, on peut enlever l'utilisateur
|
||||
|
|
|
@ -20,4 +20,4 @@ Pour me relaxer, j'ai travaillé un peu la cosmétique du site :
|
|||
|
||||
Bon été à tous
|
||||
|
||||
<img src="/images/2014/apero.jpg"/>
|
||||

|
|
@ -113,7 +113,7 @@ publier le commentaire.
|
|||
|
||||
Si vous avez bien suivi et je sais que c'est un peu touffu et compliqué, vous
|
||||
vous demandez comment les commentaires (ces fichiers en Markdown) sont générés
|
||||
en HTML. Et bien, pas le biais d'un plugin Pelican nommé **CaCause**, en
|
||||
en HTML. Et bien, par le biais d'un plugin Pelican nommé **CaCause**, en
|
||||
hommage au projet de base initié il y a un an avec [Bruno
|
||||
Adele](http://www.jesuislibre.org) et [Nahir
|
||||
Mohamed](https://github.com/nadley) dont Pecosys est une reprise des idées
|
||||
|
@ -127,4 +127,4 @@ qui contient donc mes *templates* avec le formulaire et les sources du plugin.
|
|||
|
||||
En attendant je retourne à mon farniente estival :-)
|
||||
|
||||
<img src="/images/2014/lemon.jpg"/>
|
||||

|
||||
|
|
|
@ -2,13 +2,9 @@
|
|||
<!-- category: Debian Matériel Virtualisation -->
|
||||
<!-- tag: planet -->
|
||||
|
||||
<img src="/images/2014/rasplogo.png" alt="Raspberry logo" style="margin: 0px
|
||||
20px; float:left;" />Je m'intéresse de plus en plus au Raspberry et je
|
||||
franchirai peut-être le pas de l'achat dans quelque temps. J'ai voulu voir à
|
||||
 Je m'intéresse de plus en plus au Raspberry et je franchirai peut-être le pas de l'achat dans quelque temps. J'ai voulu voir à
|
||||
quoi ressemble sa distribution principale Raspbian (basée sur Debian) en
|
||||
l'émulant sous Qemu. <!-- more -->Je me suis basé sur [le tutorial pointé par beaucoup de
|
||||
gens dans les forums](http://xecdesign.com/qemu-emulating-raspberry-pi-the-
|
||||
easy-way/) et j'ai effectué des recherches annexes pour résoudre
|
||||
l'émulant sous Qemu. <!-- more -->Je me suis basé sur [le tutorial pointé par beaucoup de gens dans les forums](http://xecdesign.com/qemu-emulating-raspberry-pi-the-easy-way/) et j'ai effectué des recherches annexes pour résoudre
|
||||
certains problèmes : taille des partitions, gestion de la souris sous Qemu. Ce
|
||||
qui suit est le résultat de mes manipulations pour émuler Raspbian avec Qemu
|
||||
depuis une distribution GNU/Linux 64 bits.
|
||||
|
|
|
@ -14,9 +14,7 @@ intéressant de personnaliser la configuration de son shell pour se l'approprier
|
|||
C'est *fun à réaliser* et cela donne envie de faire plus de choses depuis le
|
||||
terminal.
|
||||
|
||||
<img src="/images/2015/stallman-code.jpg" alt="Un barbu" style="margin: 0px
|
||||
20px; float:right;" /> Bon si dans quelques mois, les annonces de sortie du nouveau KDE ou
|
||||
Gnome vous font ricaner, que vous ne jurez que par
|
||||
 Bon si dans quelques mois, les annonces de sortie du nouveau KDE ou Gnome vous font ricaner, que vous ne jurez que par
|
||||
[Awesome](http://awesome.naquadah.org),
|
||||
[Rxvt](http://sourceforge.net/projects/rxvt) et
|
||||
[Tmux](http://tmux.sourceforge.net), vous êtes au bout du chemin, peut-être un
|
||||
|
|
|
@ -22,8 +22,7 @@ la durée de vie du téléphone. L'équipe Ubuntu promet une mise à jour des
|
|||
téléphones sans intermédiaire tant que le matériel sera suffisamment puissant
|
||||
pour supporter les évolutions d'Ubuntu Touch.
|
||||
|
||||
<img src="/images/2015/poussiere.jpg" alt="poussiere" style="float:left; margin:
|
||||
0px 25px 20px 25px;"/> Pour les PC, un coup de pouce peut rajeunir un matériel
|
||||
 Pour les PC, un coup de pouce peut rajeunir un matériel
|
||||
vieillissant : une distribution GNU/Linux légère et l'investissement dans un
|
||||
SSD. J'ai profité des soldes de l'été pour acheter un SSD de 64 Go pour ma
|
||||
machine principale, un portable Toshiba de 2009 (processeur Core 2 Duo et 4 Go
|
||||
|
|
|
@ -13,8 +13,7 @@ ont été commercialisés : deux modèles du constructeur espagnol BQ qui semble
|
|||
très appréciés par la communauté Ubuntu et un modèle assez puissant, le MX4 du
|
||||
constructeur chinois Meizu.
|
||||
|
||||
<img src="/images/2015/ubuntu-about.png" alt="A propos" style="margin: 0px 20px;
|
||||
float:left;" />Ca commence donc par l'installation du système qui est assez
|
||||
 Ca commence donc par l'installation du système qui est assez
|
||||
simple car d'une part le Nexus 4 a un booloader facile à déverrouiller et
|
||||
Ubuntu Touch est basé sur un Android, on utilise donc des outils Android (adb,
|
||||
fastreboot) pour flasher le système. Ensuite les outils Canonical
|
||||
|
@ -49,30 +48,30 @@ je m'emballe, faisons d'abord un petit tour en images du système.
|
|||
|
||||
**L'écran de déverrouillage et ses statistiques amusantes :**
|
||||
|
||||
<img src="/images/2015/ubuntu-unlock1.png" alt="ubuntu unlock"/>
|
||||

|
||||
|
||||
<img src="/images/2015/ubuntu-unlock2.png" alt="ubuntu unlock"/>
|
||||

|
||||
|
||||
**L'écran principal avec ses applications en rang d'oignons:**
|
||||
|
||||
<img src="/images/2015/ubuntu-appli1.png" alt="ubuntu application"/>
|
||||

|
||||
|
||||
<img src="/images/2015/ubuntu-appli2.png" alt="ubuntu application"/>
|
||||

|
||||
|
||||
**Les applications favorites sur la gauche en faisant glisser le bord gauche de l'écran**
|
||||
|
||||
**et les applications lancées en faisant glisser le bord droit de l'écran :**
|
||||
|
||||
<img src="/images/2015/ubuntu-unity.png" alt="ubuntu unity"/>
|
||||

|
||||
|
||||
<img src="/images/2015/ubuntu-tasks.png" alt="ubuntu tasks"/>
|
||||

|
||||
|
||||
**Les paramètres système et un aperçu du magasin d'applications :**
|
||||
|
||||
|
||||
<img src="/images/2015/ubuntu-settings.png" alt="ubuntu settings"/>
|
||||

|
||||
|
||||
<img src="/images/2015/ubuntu-store.png" alt="ubuntu store"/>
|
||||

|
||||
|
||||
A part la particularité du tirage des bords d'écran pour faire apparaître la
|
||||
barre latérale ou passer d'une application à l'autre mais on pige vite le coup,
|
||||
|
|
|
@ -13,9 +13,7 @@ régulières. La série de Cascador décrit différents scénarios d'utilisation
|
|||
installer un serveur SSH, utiliser des outils console, accéder à des API
|
||||
Android.
|
||||
|
||||
<img src="/images/2017/termux-esynic.jpg" alt="termux" style="margin: 0px 20px;
|
||||
float:left;" />J'ai bien mordu, jusqu'à me faire offrir un super clavier
|
||||
bluetooth pour Noël (merci frérot).
|
||||
 J'ai bien mordu, jusqu'à me faire offrir un super clavier bluetooth pour Noël (merci frérot).
|
||||
|
||||
Le risque était que le coup de coeur retombe ; qu'après avoir
|
||||
bien rigolé à installer **vim** et consorts, on s'essoufle à cause des
|
||||
|
|
|
@ -17,7 +17,7 @@ nous sommes arrivés à **"le meilleur système c'est AUCUN"**.
|
|||
|
||||
### Phase 1 : le monolithe
|
||||
|
||||

|
||||

|
||||
|
||||
Le serveur est monolithique donc le choix du système d'exploitation est crucial.
|
||||
|
||||
|
@ -104,7 +104,7 @@ Bon j'ai l'air emballé sur Docker et c'est le cas, d'un point de vue
|
|||
professionnel. Ce n'est pas mon rêve pour mon auto-hébergement, les conteneurs
|
||||
ont tous la même taille, ça manque de diversité et de fun pour moi.
|
||||
|
||||

|
||||

|
||||
|
||||
La plupart des entreprises sont entre la phase 2 et la phase 3 : elle ont
|
||||
virtualisé tout ce qui est possible et elles migrent des services sous
|
||||
|
|
|
@ -154,3 +154,18 @@ footer {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
/* image placement (https://stackoverflow.com/questions/255170/markdown-and-image-alignment) */
|
||||
img[src*='#left'] {
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
img[src*='#right'] {
|
||||
float: right;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
img[src*='#center'] {
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
3
static/css/style.min.css
vendored
3
static/css/style.min.css
vendored
|
@ -1,2 +1 @@
|
|||
body{font-family:system-ui,sans-serif;background-color:#fbfefb}body,p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,li{font-weight:400;font-size:large;line-height:28px;vertical-align:baseline;color:#384743;margin-bottom:2rem}h1,h2,h3,h4,h5,h6{color:#05bf85}h1{font-weight:400}a:link,a:visited{color:#006cac;text-decoration:none}li{margin-bottom:0}a:hover,a:active{color:#2e8b57}.banner div{background-image:url(/fond-resized.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:250px;line-height:13rem;text-align:center;vertical-align:middle;margin-bottom:5rem}.banner div>h1{color:#242e2b;vertical-align:baseline}.banner div>h2{font-weight:400;color:#384743;vertical-align:baseline}#menu-blog{font-weight:500;font-size:larger;line-height:96px;vertical-align:middle}#menu-blog a{padding-right:2rem}.post{margin-left:1rem;margin-right:1rem}.summary{margin-top:0}.article>h1{margin-bottom:0}.meta{margin-top:0;margin-bottom:0}.meta>span{display:inline;margin-right:1rem}
|
||||
.meta-post{margin-top:0;margin-bottom:2.4rem}.meta-post>span{display:inline;margin-right:1rem}.hidden{display:none}#comment-form>form>fieldset>.remarque{display:none}.comment-separator{height:.1rem;background:#717171;border-bottom:.2rem solid #6e9cc7;margin-bottom:1rem}.comment-indicator{color:coral}.comment-author{font-weight:500}.comment-detail{margin-bottom:2.5rem}.comment-body{margin-left:4.2rem}footer{background:#f0f0f0;border-top:thin solid #e0e0e0;margin-left:2rem;margin-right:2rem;margin-top:2rem;padding:1rem 0;box-shadow:0 100vh 0 100vh #f0f0f0}.txtright{text-align:right}
|
||||
body{font-family:system-ui,sans-serif;background-color:#fbfefb}body,p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,li{font-weight:400;font-size:large;line-height:28px;vertical-align:baseline;color:rgb(56,71,67);margin-bottom:2rem}h1,h2,h3,h4,h5,h6{color:#05bf85}h1{font-weight:400}a:link,a:visited{color:rgb(0,108,172);text-decoration:none}li{margin-bottom:0rem}a:hover,a:active{color:seagreen}.banner div{background-image:url(/fond-resized.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:250px;line-height:13rem;text-align:center;vertical-align:middle;margin-bottom:5rem}.banner div>h1{color:rgb(36,46,43);vertical-align:baseline}.banner div>h2{font-weight:400;color:rgb(56,71,67);vertical-align:baseline}#menu-blog{font-weight:500;font-size:larger;line-height:96px;vertical-align:middle}#menu-blog a{padding-right:2rem}.post{margin-left:1rem;margin-right:1rem}.summary{margin-top:0rem}.article>h1{margin-bottom:0rem}.meta{margin-top:0rem;margin-bottom:0rem}.meta>span{display:inline;margin-right:1rem}.meta-post{margin-top:0rem;margin-bottom:2.4rem}.meta-post>span{display:inline;margin-right:1rem}.hidden{display:none}#comment-form>form>fieldset>.remarque{display:none}.comment-separator{height:.1rem;background:#717171;border-bottom:.2rem solid #6E9CC7;margin-bottom:1rem}.comment-indicator{color:coral}.comment-author{font-weight:500}.comment-detail{margin-bottom:2.5rem}.comment-body{margin-left:4.2rem}footer{background:#f0f0f0;border-top:thin solid #e0e0e0;margin-left:2rem;margin-right:2rem;margin-top:2rem;padding:1rem 0;box-shadow:0 100vh 0 100vh #f0f0f0}.txtright{text-align:right}img[src*='#left']{float:left;margin-left:20px;margin-right:20px}img[src*='#right']{float:right;margin-left:20px;margin-right:20px}img[src*='#center']{display:block;margin:auto}
|
Loading…
Add table
Reference in a new issue