refactor: move all images to static

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img src="https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/assets/logos/bop.svg" width="200" />
+  <img src="static/img/bop.svg" width="200" />
   <h1>BecauseOfProg's blog</h1>
   <a href="https://discord.becauseofprog.fr">
     <img src="https://img.shields.io/discord/272454426038370304?color=blue&label=discord" alt="Chat on Discord">

components/BTopBanner.vue

@@ -7,7 +7,7 @@
     <img
       v-if="image"
       alt="BecauseOfProg"
-      src="https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/assets/logos/bop.min.svg"
+      src="/img/bop.min.svg"
       width="200"
     >
     <v-icon

content/blog-posts/5-astuces-windows.md

@@ -1,7 +1,7 @@
 ---
 title: "Windows : 5 astuces pour vous faciliter la vie !"
 description: "Simplifiez-vous la vie avec ces 5 astuces disponibles sur Windows!"
-banner: https://becauseofprog.fr/assets/courses/windows/5-astuces.png
+banner: /img/articles/5-astuces-windows/5-astuces.png
 type: tutorial
 authorId: davall
 category: windows
@@ -82,15 +82,15 @@ La technique que je vais vous montrer ne supporte pas tout le temps les raccourc
 Voici comment nous allons procéder :
 
  * Créez tout d’abord un dossier, placez-y ensuite vos raccourcis à l’intérieur.
-![](https://img4.hostingpics.net/pics/172709jeux1.png)
+![](/img/articles/5-astuces-windows/172709jeux1.png)
 
  * Faites ensuite un clic droit sur le fond du dossier (pas sur un raccourci attention !)
  * Sélectionnez « Regroupez par » et cliquez sur « Autres… »
- ![](http://i.imgur.com/pGUT0m1.png)
+ ![](/img/articles/5-astuces-windows/pGUT0m1.png)
 
  * Dans la liste, cherchez « Commentaires » et cochez-le.
  * Sélectionnez encore une fois « Regroupez par » et cliquez cette fois-ci sur « Commentaires »
  * Normalement, vos raccourcis devraient tous être triés au même endroit, dans un groupe « Non spécifié ».
  * Désormais, faites clic droit sur le raccourci que vous souhaitez modifier, cliquez sur « Propriétés » et dans l’onglet « Raccourci » modifiez le « Commentaire » de votre raccourci (je vous conseille de mettre #steam pour tous vos jeux Steam et #uplay pour tous vos jeux uPlay, comme ça ils sont tous triés par plateforme ! ^^)
- * ![](https://img4.hostingpics.net/pics/496132jeux3.png)
+ * ![](/img/articles/5-astuces-windows/496132jeux3.png)
 Voilà ! Vous avez désormais un dossier propre et bien rangé ! Cela fonctionne avec tous les autres fichiers en temps normal ! Faites jouer votre esprit créatif ! ^^

content/blog-posts/accord-entre-maps-et-blablacar.md

@@ -1,7 +1,7 @@
 ---
 title: "Google Maps affiche désormais les trajets BlaBlaCar"
 description: "Google Maps affiche désormais les trajets BlaBlaCar"
-banner: https://becauseofprog.fr/assets/articles/accord-entre-maps-et-blablacar.jpg
+banner: /img/articles/accord-entre-maps-et-blablacar/accord-entre-maps-et-blablacar.jpg
 type: flash
 authorId: theovld
 category: software

content/blog-posts/activer-serveur-ssh-gitea-gogs.md

@@ -1,7 +1,7 @@
 ---
 title: "Comment activer le serveur SSH de Gitea ou de Gogs?"
 description: "Voici comment configurer le serveur SSH intégré dans Gogs et Gitea, pour pouvoir gérer et mettre à jour vos dépôts en toute simplicité, comme sur GitHub."
-banner: https://becauseofprog.fr/assets/articles/gitea-gogs-ssh.png
+banner: /img/articles/activer-serveur-ssh-gitea-gogs/gitea-gogs-ssh.png
 type: tutorial
 authorId: gildasgh
 category: programming

content/blog-posts/addons-pratiques-firefox.md

@@ -1,7 +1,7 @@
 ---
 title: "Les addons pratiques pour Firefox"
 description: "Voici une liste personnelle d’addons utiles et pratiques que j’utilise sur Firefox 57 Quantum."
-banner: https://becauseofprog.fr/assets/articles/addons-firefox.png
+banner: /img/articles/addons-pratiques-firefox/addons-firefox.png
 type: article
 authorId: gildasgh
 category: software

content/blog-posts/adobe-flash-brave-linux.md

@@ -1,7 +1,7 @@
 ---
 title: "Installer Adobe Flash Player sur Brave Browser (Linux)"
 description: "Installer Adobe Flash Player sur Brave (Linux) peut s'avérer difficile ! Voici un article donnant une méthode facile et rapide pour le faire !"
-banner: https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/articles/flashplayer-install.png
+banner: /img/articles/adobe-flash-brave-linux/flashplayer-install.png
 type: tutorial
 authorId: kernoeb
 category: linux
@@ -61,11 +61,11 @@ Utilisez cette commande pour ouvrir Brave `/usr/bin/brave-browser-stable --ppapi
 
 7. **Cliquez** sur la petite fenêtre Flash
 
-![image-20200318192531227](https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/articles/adobe-flash-1.png)
+![image-20200318192531227](/img/articles/adobe-flash-brave-linux/adobe-flash-1.png)
 
 8. **Autorisez**
 
-![image-20200318192548978](https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/articles/adobe-flash-2.png)
+![image-20200318192548978](/img/articles/adobe-flash-brave-linux/adobe-flash-2.png)
 
 Et voilà, au prochain démarrage de Brave, Flash Player fonctionnera.
 

content/blog-posts/android-o-le-nom-ce-soir.md

@@ -1,7 +1,7 @@
 ---
 title: "Android dévoile le nom de son nouveau système ce soir !"
 description: "Android dévoile ce soir le nom du nouveau système Android !"
-banner: https://becauseofprog.fr/assets/articles/android-o-ce-soir.png
+banner: /img/articles/android-o-le-nom-ce-soir/android-o-ce-soir.png
 type: flash
 authorId: stengarlis
 category: android

content/blog-posts/android-o.md

@@ -1,7 +1,7 @@
 ---
 title: "Android O : OS prometteur ?"
 description: "Google a dévoilé un nouvel OS en Developer Preview : vaut-il le coup ?"
-banner: https://becauseofprog.fr/assets/articles/android-o.jpg
+banner: /img/articles/android-o/android-o.jpg
 type: article
 authorId: theovld
 category: android

content/blog-posts/android-open-source-juillet.md

@@ -1,7 +1,7 @@
 ---
 title: "Mes applis Android Open-Source - Juillet 2018"
 description: "Liste non exhaustive des applications open-source que j'utilise en juillet 2018!"
-banner: https://becauseofprog.fr/assets/articles/applis-open-source-juillet-2018.png
+banner: /img/articles/android-open-source-juillet/applis-open-source-juillet-2018.png
 type: article
 authorId: kernoeb
 category: android

content/blog-posts/android-oreo.md

@@ -1,7 +1,7 @@
 ---
 title: "Android Oreo"
 description: "Nous avons enfin après beaucoup d’attente et après une éclipse au-dessus des États-Unis, le nom du nouveau système d’Android, Android Oreo !"
-banner: https://becauseofprog.fr/assets/articles/android-o-oreo.png
+banner: /img/articles/android-oreo/android-o-oreo.png
 type: flash
 authorId: stengarlis
 category: android
@@ -15,6 +15,6 @@ timestamp: 1503341729
 
  Pour rappel, un **Oreo** est un biscuit chocolaté se composant de 2 plaquettes rondes avec au centre de la crème, et qui existe en version Chocolat blanc, Caramel et d'autres.
 
- ![](https://becauseofprog.fr/assets/articles/oreo.jpg)
+ ![](/img/articles/android-oreo/oreo.jpg)
 
  Un petit rappel, pour connaître les nouvelles fonctionnalités d’Android Oreo, **nous vous invitons à [lire cet article](https://becauseofprog.fr/blog/android-o-8) disponible sur la BecauseOfProg, par Exybore.**

content/blog-posts/any-desk-pc.md

@@ -1,7 +1,7 @@
 ---
 title: "Contrôler son PC à distance avec AnyDesk !"
 description: "Une application non open-source pour contrôler son ordinateur à distance facilement et rapidement !"
-banner: https://becauseofprog.fr/assets/articles/AnyDesk/anydesk-compressor.png
+banner: /img/articles/any-desk-pc/anydesk-compressor.png
 type: article
 authorId: kernoeb
 category: software
@@ -19,7 +19,7 @@ Bonjour à tous et à toutes,
 
  Autres avantages (*à vérifier tout de même, mais après 1 mois d'utilisation, ça me paraît correct*) :
 
- ![](https://becauseofprog.fr/assets/articles/AnyDesk/avantages-compressor.png)
+ ![](/img/articles/any-desk-pc/avantages-compressor.png)
 
  Il n'y a donc pas de **limite** de débit, pas de limites de transfert...  
  En effet, vous pouvez **envoyer des fichiers** entre les deux appareils, avec un simple copier-coller ! 

content/blog-posts/applications-android-fevrier-2019.md

@@ -1,7 +1,7 @@
 ---
 title: "Mes Applications Android Open Source - Février 2019"
 description: "Découvrez de nouvelles applis open-source à utiliser sur vos appareils Android !"
-banner: https://becauseofprog.fr/assets/articles/MAAOS_3.png
+banner: /img/articles/applications-android-fevrier-2019/MAAOS_3.png
 type: article
 authorId: kernoeb
 category: android

content/blog-posts/applications-lite.md

@@ -1,7 +1,7 @@
 ---
 title: "Les applications “Lite”"
 description: "Les lite apps, applications de taille réduite et performances optimisées sont à la mode chez les grandes firmes qui ont des applications bien trop lourdes pour les téléphones et le réseau Indien. En voici une liste, et comment les télécharger !"
-banner: https://becauseofprog.fr/assets/articles/lite-apps.png
+banner: /img/articles/applications-lite/lite-apps.png
 type: article
 authorId: gildasgh
 category: software
@@ -69,7 +69,7 @@ Nous avons présenté dans un article hier la nouvelle version du site mobile d
 
  Site officiel : <https://newpipe.schabi.org/>
 
- ![](https://fossdroid.com/images/screenshots/org.schabi.newpipe/2.png)
+ ![](/img/articles/applications-lite/2.png)
 
  7) YouTube Go
 -------------

content/blog-posts/applis-open-source-novembre.md

@@ -1,7 +1,7 @@
 ---
 title: "Mes applis Android Open-Source - Novembre 2017 "
 description: "Une liste non-exhaustive des applications open-source du F-Droid que j'utilise ce mois-ci ! "
-banner: https://becauseofprog.fr/assets/articles/36apps.png
+banner: /img/articles/applis-open-source-novembre/36apps.png
 type: article
 authorId: kernoeb
 category: android

content/blog-posts/brave-open-source.md

@@ -1,7 +1,7 @@
 ---
 title: "Brave, un navigateur rapide basé sur Chromium !"
 description: "Rapide, sécurisé, bloqueur de pub intégré, open source et disponible sur tous vos appareils !"
-banner: https://becauseofprog.fr/assets/articles/brave.jpg
+banner: /img/articles/brave-open-source/brave.jpg
 type: article
 authorId: kernoeb
 category: software
@@ -22,24 +22,24 @@ Je tombe sur cette vidéo, qui me donne envie d'en savoir plus (*je ne suis pour
 J'apprends que ce navigateur est disponible sous (presque) toutes les plateformes, en passant par PC et smartphones.  
 Je l'installe alors depuis mon PC sous Linux ElementaryOS Loki.  
 
-![](https://preview.ibb.co/dxArqk/Capture_d_cran_du_2017_05_04_16_56_05.png)
+![](/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_16_56_05.png)
 
 Interface épurée, simple, **ergonomique**. Pas d'outils parasites *inutiles*. Et il est **open source** !  
 
-![](https://image.ibb.co/eAxRO5/Capture_d_cran_du_2017_05_04_17_33_52.png)  
+![](/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_17_33_52.png)  
 
 Un **bloqueur de pub** intégré modifiable, des options intéressantes (*pas comme mon histoire du début*)...  
 Et pour cela, pas besoin de chercher bien loin, une seule icône en haut à droite, tout simplement l'icône officielle de **Brave** : 
 
-![](https://yt3.ggpht.com/--K6HYHn9JSs/AAAAAAAAAAI/AAAAAAAAAAA/i3jjrNOCa3U/s88-c-k-no-mo-rj-c0xffffff/photo.jpg)
+![](/img/articles/brave-open-source/photo.jpg)
 
 Très **rapide**, il dispose d'options intéressantes, jamais testées pour ma part, comme **Brave Payments** et **Brave Sync**.  
 
-![](http://i.imgur.com/dnmOrro.png)  
+![](/img/articles/brave-open-source/dnmOrro.png)  
 
 *- Brave Payments*  
 
-![](http://i.imgur.com/5S0JNI6.png)  
+![](/img/articles/brave-open-source/5S0JNI6.png)  
 
 Voici une vidéo de **présentation** (en anglais, mais une image vaut mille mots, je vous laisse faire le calcul vu que la vidéo est en 30fps) :  
 <https://youtu.be/kLiLOkzLetE>  
@@ -53,12 +53,12 @@ C'est "possible", mais compliqué. Je ne vous expliquerai pas la méthode ici.
 **Sur Android.**  
 C'est mon navigateur **par défaut**. Il ressemble comme deux gouttes d'eau à Chrome, mais avec le bloqueur de pub intégré. Je vous le conseille, il est très rapide, pas d'options encore une fois inutiles comme certains navigateurs (pas de météo, actualités, etc.)  
 
-![](https://image.ibb.co/gJimqk/1493914011810146067519.jpg)
+![](/img/articles/brave-open-source/1493914011810146067519.jpg)
 
 
 > *Tout simplement.*
 
 Voilà, c'est la fin de cet article, je vous conseille de l'essayer si ça vous intéresse !  
 Merci d'avoir lu :)  
 **Cordialement**, OrNicarZ.  
-![](https://brave.com/assets/img/press/brave_logo_2color_512x.png)
+![](/img/articles/brave-open-source/brave_logo_2color_512x.png)

content/blog-posts/bypass-windows-admin-password.md

@@ -1,7 +1,7 @@
 ---
 title: "Contourner le mot de passe admin Windows"
 description: "Comment créer, modifier et supprimer des administrateurs Windows sans avoir le mot de passe admin?"
-banner: https://becauseofprog.fr/assets/articles/bop-article.png
+banner: /img/articles/bypass-windows-admin-password/bop-article.png
 type: article
 authorId: gildasgh
 category: windows

content/blog-posts/changer-motd-linux.md

@@ -1,7 +1,7 @@
 ---
 title: "Changer le message du jour sur Linux"
 description: "Voici comment changer simplement le message qui s'affiche lors de la connexion à un utilisateur Linux :D"
-banner: https://becauseofprog.fr/assets/articles/changer-motd-linux-4.png
+banner: /img/articles/changer-motd-linux/changer-motd-linux-4.png
 type: tutorial
 authorId: gildasgh
 category: linux
@@ -31,7 +31,7 @@ Quand vous vous connectez dans un terminal sur le système GNU/Linux, vous pouve
  Vous aurez à modifier un, et un seul fichier : /etc/profile.d/motd.sh qui contient lui aussi des commandes bash que vous pouvez personnaliser à volonté ! Par exemple, voici un petit script pour choisir un texte à afficher parmi une liste au hasard :
 
 ```bash
-   #! /bin/bash MSGS=("Message 1" "Le deuxième" "Et le dernier!") MSG=${MSGS[$RANDOM % ${#MSGS[@]} ]} echo "Bienvenue! $MSG";  ![Capture d'écran du MOTD du terminal.](https://becauseofprog.fr/assets/articles/change-motd-linux-1.png)
+   #! /bin/bash MSGS=("Message 1" "Le deuxième" "Et le dernier!") MSG=${MSGS[$RANDOM % ${#MSGS[@]} ]} echo "Bienvenue! $MSG";  ![Capture d'écran du MOTD du terminal.](/img/articles/changer-motd-linux/change-motd-linux-1.png)
 ```
 
  Vous savez maintenant comment faire, soyez créatifs ! Bon weekend !

content/blog-posts/chrome-android-change-de-design.md

@@ -1,7 +1,7 @@
 ---
 title: "Chrome Android change de design : vers du iOS chez Google ?"
 description: "Chrome Dev sur Android change de design : il s'inspire beaucoup du style de iOS."
-banner: https://becauseofprog.fr/assets/articles/chrome-dev-banner.jpg
+banner: /img/articles/chrome-android-change-de-design/chrome-dev-banner.jpg
 type: flash
 authorId: theovld
 category: android
@@ -15,13 +15,13 @@ Google a récemment publié, dans sa version de développement, une mise à jour
 
  Déjà sur la page d’accueil tout est mieux organisé : les sites les plus visités en mosaïque en haut avec des nouvelles ciblées plus bas. Le menu tout en bas propose des onglets qu’on a déjà l’habitude de visiter : il s’agit des téléchargements, favoris et de l’historique.
 
- ![Page d'accueil Chrome](https://becauseofprog.fr/assets/articles/chrome-new-design-accueil.png)![Téléchargements](https://becauseofprog.fr/assets/articles/chrome-new-design-downloads.png)
+ ![Page d'accueil Chrome](/img/articles/chrome-android-change-de-design/chrome-new-design-accueil.png)![Téléchargements](/img/articles/chrome-android-change-de-design/chrome-new-design-downloads.png)
 
- ![Favoris](https://becauseofprog.fr/assets/articles/chrome-new-design-favoris.png)![Historique](https://becauseofprog.fr/assets/articles/chrome-new-design-historique.png)
+ ![Favoris](/img/articles/chrome-android-change-de-design/chrome-new-design-favoris.png)![Historique](/img/articles/chrome-android-change-de-design/chrome-new-design-historique.png)
 
  Dès lors que l’on va sur une page, la navigation ne change pas tellement, simplement que la barre d’actions est désormais en bas.
 
- ![Navigation](https://becauseofprog.fr/assets/articles/chrome-new-design-navigation.png)
+ ![Navigation](/img/articles/chrome-android-change-de-design/chrome-new-design-navigation.png)
 
  On peut alors glisser celle-ci vers le haut pour avoir accès rapidement à la page d’accueil.
 

content/blog-posts/chrome-ou-firefox.md

@@ -1,7 +1,7 @@
 ---
 title: "Navigateur web : Chrome ou Firefox ?"
 description: "Le grand comparatif des deux plus gros navigateurs web"
-banner: https://becauseofprog.fr/assets/articles/chrome-ou-firefox.jpg
+banner: /img/articles/chrome-ou-firefox/chrome-ou-firefox.jpg
 type: article
 authorId: theovld
 category: software
@@ -13,7 +13,7 @@ timestamp: 1491413339
  Chacun des deux présentent ses avantages et inconvénients qui peuvent plaire ou non à certains types d'usagers.  
  Nous allons donc étudier ensemble ces deux navigateurs assez intéressants.
 
- ![KRAUME VErSSUSSE FAÏREFAUXE](http://cdn.makeuseof.com/wp-content/uploads/2016/04/chrome-vs-firefox-2016-994x400.jpg?187d39)
+ ![KRAUME VErSSUSSE FAÏREFAUXE](/img/articles/chrome-ou-firefox/chrome-vs-firefox-2016-994x400.jpg?187d39)
 
  [*(voir source image)*](http://www.makeuseof.com/tag/chrome-vs-firefox-in-2016-which-browser-is-right-for-you/)
 
@@ -46,7 +46,7 @@ timestamp: 1491413339
 
  Chrome dispose aussi d'un mode "Caster" simple à utiliser, si vous avez chez vous un Chromecast ou une Smart TV. Vous cliquez et ça marche. Mais, car Chrome est avant tout Google, il aura plus tendance à vous espionner, afin de savoir où vous allez et ainsi vous proposer des publicités ciblées.
 
- ![Synchronisation](https://www.it-connect.fr/wp-content-itc/uploads/2016/03/Synchronisation.png)
+ ![Synchronisation](/img/articles/chrome-ou-firefox/Synchronisation.png)
 
  [*(voir source image)*](https://www.it-connect.fr/sauvegarde-ou-synchronisation/)
 

content/blog-posts/debloquer-partage-connexion-android.md

@@ -1,7 +1,7 @@
 ---
 title: "Débloquer le partage de connexion sur Android"
 description: "Depuis Android 4.4, votre opérateur peut détecter si vous utilisez un partage de connexion, et le bloquer. Nous allons voir comment revenir aux réglages d'avant."
-banner: https://becauseofprog.fr/assets/articles/rawpixel-660359-unsplash.jpg
+banner: /img/articles/debloquer-partage-connexion-android/rawpixel-660359-unsplash.jpg
 type: tutorial
 authorId: gildasgh
 category: android

content/blog-posts/decompiler-un-apk-android.md

@@ -1,7 +1,7 @@
 ---
 title: "Décompiler un apk, impossible ?"
 description: "Vous vous demandez si l'on peut explorer une application Android... Voici comment faire !"
-banner: https://becauseofprog.fr/assets/courses/android/decompiler-un-apk.jpg
+banner: /img/articles/decompiler-un-apk-android/decompiler-un-apk.jpg
 type: tutorial
 authorId: kernoeb
 category: android
@@ -23,7 +23,7 @@ Petit article rapide, mais efficace.
  *Selon notre ami Wikipédia, un "**décompilateur**" est un outil servant à reconstituer, partiellement ou totalement, le code source d’un logiciel à partir d’un programme exécutable alors dans un format binaire.*
 
 
->  *Vous me suivez toujours ? ![wink](https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/wink_smile.png "wink")*
+>  *Vous me suivez toujours ? ![wink](/img/articles/decompiler-un-apk-android/wink_smile.png "wink")*
  
    En supposant que oui, c'est désormais **possible**, rapidement et facilement.
 
@@ -43,7 +43,7 @@ Petit article rapide, mais efficace.
 
  **Voici un aperçu bref de l'application. **
 
- ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_menu.png) ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_settings.png) ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_shortpress_folder.png)
+ ![](/img/articles/decompiler-un-apk-android/apktool_menu.png) ![](/img/articles/decompiler-un-apk-android/apktool_settings.png) ![](/img/articles/decompiler-un-apk-android/apktool_shortpress_folder.png)
 
  Bon, l'application n'est pas parfaite. Il peut y a voir des bugs. Mais pour ma part elle fonctionne très bien. Dites-vous que c'est déjà incroyable une application comme ça.
 
@@ -55,9 +55,9 @@ Petit article rapide, mais efficace.
 
  Vous pouvez ensuite modifier ce que vous voulez, ou juste voir ce qu'il y a l'intérieur de l'appli (*je ne vous expliquerai pas les différentes parties d'une application dans cet article*), ensuite, vous pouvez recompiler l'application.
 
- Rien de bien compliqué, le plus dur étant de savoir parler un minimum **anglais** ![laugh](https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/teeth_smile.png "laugh")
+ Rien de bien compliqué, le plus dur étant de savoir parler un minimum **anglais** ![laugh](/img/articles/decompiler-un-apk-android/teeth_smile.png "laugh")
 
- ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_compiling.png)
+ ![](/img/articles/decompiler-un-apk-android/apktool_compiling.png)
 
  Pour plus de renseignements, voici deux articles qui m'ont bien aidé à faire... cet article x)