diff options
Diffstat (limited to 'content/prise_en_main')
-rw-r--r-- | content/prise_en_main/_index.md | 16 | ||||
-rw-r--r-- | content/prise_en_main/avec-un-générateur.md (renamed from content/prise_en_main/web/créer-du-contenu/avec-un-générateur.md) | 43 | ||||
-rw-r--r-- | content/prise_en_main/aws-cli.md (renamed from content/prise_en_main/web/publier-le-contenu/aws-cli.md) | 24 | ||||
-rw-r--r-- | content/prise_en_main/compte.md | 12 | ||||
-rw-r--r-- | content/prise_en_main/creer-du-contenu.md | 13 | ||||
-rw-r--r-- | content/prise_en_main/cryptpad.md | 12 | ||||
-rw-r--r-- | content/prise_en_main/drive_garage.md (renamed from content/prise_en_main/stockage/drive_garage.md) | 12 | ||||
-rw-r--r-- | content/prise_en_main/emails.md | 12 | ||||
-rw-r--r-- | content/prise_en_main/initialiser-votre-accès.md (renamed from content/prise_en_main/web/initialiser-votre-accès.md) | 18 | ||||
-rw-r--r-- | content/prise_en_main/jitsi.md | 12 | ||||
-rw-r--r-- | content/prise_en_main/matrix.md | 16 | ||||
-rw-r--r-- | content/prise_en_main/mettre-place-DNS.md (renamed from content/prise_en_main/web/mettre-place-DNS.md) | 18 | ||||
-rw-r--r-- | content/prise_en_main/plume.md | 16 | ||||
-rw-r--r-- | content/prise_en_main/publier-le-contenu.md (renamed from content/prise_en_main/web/publier-le-contenu/_index.md) | 26 | ||||
-rw-r--r-- | content/prise_en_main/rclone.md (renamed from content/prise_en_main/web/publier-le-contenu/rclone.md) | 16 | ||||
-rw-r--r-- | content/prise_en_main/rclone_mount.md (renamed from content/prise_en_main/stockage/rclone_mount.md) | 16 | ||||
-rw-r--r-- | content/prise_en_main/statique-comment-ça.md (renamed from content/prise_en_main/web/statique-comment-ça.md) | 16 | ||||
-rw-r--r-- | content/prise_en_main/stockage.md (renamed from content/prise_en_main/stockage/_index.md) | 13 | ||||
-rw-r--r-- | content/prise_en_main/web.md (renamed from content/prise_en_main/web/_index.md) | 28 | ||||
-rw-r--r-- | content/prise_en_main/web/créer-du-contenu/_index.md | 13 | ||||
-rw-r--r-- | content/prise_en_main/web/publier-le-contenu/_index.md~ | 16 | ||||
-rw-r--r-- | content/prise_en_main/web/publier-le-contenu/aws-cli.md~ | 71 | ||||
-rw-r--r-- | content/prise_en_main/web/publier-le-contenu/rclone.md~ | 104 | ||||
-rw-r--r-- | content/prise_en_main/web/publier-le-contenu/winscp.md~ | 62 | ||||
-rw-r--r-- | content/prise_en_main/winscp.md (renamed from content/prise_en_main/web/publier-le-contenu/winscp.md) | 12 | ||||
-rw-r--r-- | content/prise_en_main/à-la-main.md (renamed from content/prise_en_main/web/créer-du-contenu/à-la-main.md) | 18 |
26 files changed, 215 insertions, 420 deletions
diff --git a/content/prise_en_main/_index.md b/content/prise_en_main/_index.md index 952d440..901f641 100644 --- a/content/prise_en_main/_index.md +++ b/content/prise_en_main/_index.md @@ -1,9 +1,11 @@ -+++ -title = "Prise en main" -description = "Prise en main" -weight = 10 -sort_by = "weight" -+++ +--- +title: "Prise en main" +description: "Prise en main" +weight: 10 +sort_by: "weight" +extra: + parent: 'prise_en_main/_index.md' +--- Ce manuel vous accompagne dans la découverte de nos outils. Pour vous aider à vous y retrouver, nous vous proposons 3 cas d'usages typiques : rester en contact avec ses proches, organiser une réunion, @@ -60,7 +62,7 @@ Je veux créer un site web qui soit référencé dans les moteurs de recherche, un espace où je puisse gérer finement mon contenu, et vers lequel je peux envoyer des gens s'y référer -[↣ Apprendre à créer un site web](@/prise_en_main/web/_index.md) +[↣ Apprendre à créer un site web](@/prise_en_main/web.md) # URL des services diff --git a/content/prise_en_main/web/créer-du-contenu/avec-un-générateur.md b/content/prise_en_main/avec-un-générateur.md index 7bf57e0..e65cc54 100644 --- a/content/prise_en_main/web/créer-du-contenu/avec-un-générateur.md +++ b/content/prise_en_main/avec-un-générateur.md @@ -1,20 +1,25 @@ -+++ -title = "Avec un générateur" -description = "Créer du contenu avec un générateur" -sort_by = "weight" -date = 2022-09-01 -weight = 2 -+++ - -Si vous souhaitez par exemple écrire un blog, vous allez probablement avoir une page par post. À la longue, on peut sans problème arriver à des dizaines de pages... Si on les écrit à la main, il va falloir copier/coller une bonne partie du code HTML, mais pas tout. Pour éviter ce travail rébarbatif, il existe ce qu'on appelle des générateurs de sites statiques. Ils vous permettent d'écrire dans une syntaxe très simple (Markdown) vos contenus, sans vous soucier du HTML ou du CSS, car ils emballeront eux-mêmes vos écrits dans des modèles prévus à cet effet. [Le guide que vous êtes en train de lire en ce moment même utilise un tel outil !](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr) +--- +title: Avec un générateur +description: Créer du contenu avec un générateur +sort_by: weight +weight: 2 +draft: false +date: 2022-09-01 +extra: + parent: prise_en_main/creer-du-contenu.md +--- +Si vous souhaitez vous créer un blog, vous allez probablement avoir un site web avec de nombreuses pages : au moins une par billet que vous allez composer ! À la longue, on peut sans problème arriver à des dizaines de pages... Si on les écrit à la main, il va falloir copier/coller une bonne partie du code HTML, mais pas tout. Pour éviter ce travail rébarbatif, il existe ce qu'on appelle des générateurs de sites statiques. Ils vous permettent d'écrire dans une syntaxe très simple (Markdown) vos contenus, sans vous soucier du HTML ou du CSS, car ils emballeront eux-mêmes vos écrits dans des modèles prévus à cet effet. [Le guide que vous êtes en train de lire en ce moment même utilise un tel outil !](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr) ### Choisir un générateur et un thème + Il existe de nombreux générateurs de sites statiques. On peut citer [Hugo](https://gohugo.io/), [Jekyll](https://jekyllrb.com/), [Zola](https://www.getzola.org/), et bien d'autres... En général, ils se ressemblent beaucoup. À titre indicatif, pour ce guide, nous utilisons Zola. Nous baserons nos exemples sur lui. Si votre système d'exploitation est Linux, cherchez dans votre gestionnaire de paquet si vous trouvez l'un d'entre eux. Zola est ainsi facilement installable sur Arch, Ubuntu, et Fedora. -Une fois un générateur de site statique installé, rendez-vous sur le site officiel de celui-ci pour choisir un thème. Chez Zola, il faut aller [ici](https://www.getzola.org/themes/). Si vous cliquez sur l'un d'entre eux, vous aurez des instructions sur comment l'installer. Il s'agit souvent de télécharger le thème dans le dossier correspondant à votre site, et de modifier le fichier `config.toml`, nécessaire pour Zola, afin de sélectionner le thème. +Une fois un générateur de site statique installé, rendez-vous sur le site officiel de celui-ci pour choisir un thème. Chez Zola, il faut aller [sur leur galerie](https://www.getzola.org/themes/). Si vous cliquez sur l'un d'entre eux, vous aurez des instructions sur comment l'installer. Il s'agit souvent de télécharger le thème dans le dossier correspondant à votre site, et de modifier le fichier `config.toml`, nécessaire pour Zola, afin de sélectionner le thème. ### Décrire le contenu + Pour écrire le contenu de vos pages, ou de vos billets de blog par exemple, il vous faudra utiliser la syntaxe Markdown. Rassurez-vous, elle a été pensée pour être très simple et peut-être apprise en quelques minutes. Voici un exemple : + ``` # Ceci est le titre principal ## Ceci est un sous-titre @@ -27,22 +32,26 @@ Voici du texte pour introduire la liste à puce qui va suivre : * second élément de la liste * troisième élément de la liste ``` + Quand on écrit du texte sans mettre quoi que ce soit autour ou avant, cela deviendra du texte tout à fait normal. On peut mettre un ou plusieurs dièses au début de la ligne pour en faire un titre. On peut mettre du texte en italique ou en gras avec des astérisques. Un astérisque en début de ligne provoque une liste à puces. Bref, cette syntaxe n'est pas compliquée, et vous pouvez facilement trouver plein de tutoriels en ligne pour la connaître. [Framasoft, par exemple, propose un bon guide](https://docs.framasoft.org/fr/grav/markdown.html). -Une fois votre fichier écrit, enregistrez-le avec l'extension `.md`, par exemple sous le nom `recette-tartre-au-citron.md`. L'idée est qu'à chaque page de votre site correspond un fichier `.md`, et ceux-ci seront regroupés dans un dossier. Vous trouverez [ici](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr/src/branch/main/content) les fichiers Markdown écrits pour faire ce guide. +Une fois votre fichier écrit, enregistrez-le avec l'extension `.md`, par exemple sous le nom `recette-tartre-au-citron.md`. L'idée est qu'à chaque page de votre site correspond un fichier `.md`, et ceux-ci seront regroupés dans un dossier. Vous trouverez [dans notre forge](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr/src/branch/main/content) les fichiers Markdown écrits pour faire ce guide. Cependant, il reste juste une petite chose à faire lorsque vous avez fini votre texte : écrire l'en-tête au dessus du markdown, qui donnera au générateur des informations importantes sur ce contenu. On encadre cet en-têtre avec trois signes plus. Voici un exemple basé sur cette page : + ``` -+++ -title = "Avec un générateur" -description = "Créer du contenu avec un générateur" -date = 2022-09-01 -+++ +--- +title: "Avec un générateur" +description: "Créer du contenu avec un générateur" +date: 2022-09-01 +--- # Titre Texte de la page... ``` + Comme vous l'avez peut-être compris, il s'agit de donner le titre de cette page, sa description, et sa date d'écriture. D'autres informations peuvent être rajoutées, cela dépend du générateur et du thème sélectionnés. ### Générer les pages -Vous avez donc des fichiers `.md` renfermant vos contenus, et un thème qui vous plaît. Avec un terminal, positionnez-vous dans le dossier racine de votre site projet. Si vous utilisez Zola, celui-ci devrait contenir un fichier `config.toml`, vous pouvez alors faire `zola build`. Cela va générer l'intégralité de votre site dans le dossier `public/`. Vous constaterez donc qu'il sera rempli de fichiers `.html` et `.css`, [vous êtes alors prêt(e) à passer à la publication](../../publier-le-contenu/) ! + +Vous avez donc des fichiers `.md` renfermant vos contenus, et un thème qui vous plaît. Avec un terminal, positionnez-vous dans le dossier racine de votre site projet. Si vous utilisez Zola, celui-ci devrait contenir un fichier `config.toml`, vous pouvez alors faire `zola build`. Cela va générer l'intégralité de votre site dans le dossier `public/`. Vous constaterez donc qu'il sera rempli de fichiers `.html` et `.css`, [vous êtes alors prêt(e) à passer à la publication](@/prise_en_main/publier-le-contenu.md) ! diff --git a/content/prise_en_main/web/publier-le-contenu/aws-cli.md b/content/prise_en_main/aws-cli.md index 9316d33..8761739 100644 --- a/content/prise_en_main/web/publier-le-contenu/aws-cli.md +++ b/content/prise_en_main/aws-cli.md @@ -1,11 +1,13 @@ -+++ -title = "aws-cli" -description = "Publier avec aws-cli" -date = 2022-09-01 -weight = 1 -+++ +--- +title: "aws-cli" +description: "Publier avec aws-cli" +date: 2022-09-01 +weight: 1 +extra: + parent: "prise_en_main/publier-le-contenu.md" +--- -Nous allons désormais verser votre site sur Garage, ce dernier le servira à toutes les personnes qui voudront le voir. Vous aurez besoin de l'identifiant de votre clé d'accès et de la clé d'accès secrète, obtenus dans la partie «[Initialiser votre accès](../initialiser-votre-acces/)». +Nous allons désormais verser votre site sur Garage, ce dernier le servira à toutes les personnes qui voudront le voir. Vous aurez besoin de l'identifiant de votre clé d'accès et de la clé d'accès secrète, obtenus dans la partie «[Initialiser votre accès](@/prise_en_main/initialiser-votre-accès.md)». ### Paramétrer votre accès localement Pour verser votre site sur Garage, nous allons utiliser l'outil de base pour faire des commandes S3 : [aws-cli](https://github.com/aws/aws-cli) et son binaire, `aws`. À chaque fois, il aura besoin de savoir : @@ -50,6 +52,10 @@ s'il est en version 1.x . Pensez à remplacer `exemple-un.fr` par votre nom de ### Publier On y est ! Avec un terminal, positionnez-vous dans le répertoire qui reflète ce que vous voulez mettre en ligne. Celui-ci devrait contenir des fichiers en `.html`, `.css`, ou `.js`, mais pas de `.md`. Si vous ne l'avez pas fait, faites `source ~/.awsrc`, et lancez ensuite : ``` -aws s3 sync . s3://exemple-un.fr +aws s3 sync --delete . s3://exemple-un.fr ``` -si vous avez `aws` en version 2. N'oubliez pas de mettre votre nom de domaine à la place d'`exemple-un.fr`. Vos fichiers devrait être téléversés. Une fois le processus fini, vous devriez pouvoir ouvrir un navigateur internet tel que Firefox par exemple, tapez votre nom de domaine dans la barre URL, et naviguer sur votre site. En cas de pépin, essayez d'actualiser la page en faisant `ctrl`+`shift`+`r` avec votre clavier, ça vous garantira que votre navigateur récupère le vrai contenu en ligne au lieu de piocher dans le cache local sur votre ordinateur. +Cette commande suppose que vous avez `aws` en version 2. N'oubliez pas de mettre votre nom de domaine à la place d'`exemple-un.fr`. + +L'option `--delete` supprime les fichiers distants qui ne sont pas présents localement, ce qui est généralement une bonne idée pour éviter de laisser traîner des vieux fichiers sur les serveurs de Deuxfleurs. Mais attention à ne pas supprimer par mégarde des morceaux de votre site web. + +Vos fichiers devraient être téléversés. Une fois le processus fini, vous devriez pouvoir ouvrir un navigateur web tel que Firefox par exemple, taper votre nom de domaine dans la barre URL, et naviguer sur votre site web. En cas de pépin, essayez d'actualiser la page en faisant `ctrl`+`shift`+`r` avec votre clavier, ça vous garantira que votre navigateur récupère le vrai contenu en ligne au lieu de piocher dans le cache local sur votre ordinateur. diff --git a/content/prise_en_main/compte.md b/content/prise_en_main/compte.md index 31562ae..c9f18cb 100644 --- a/content/prise_en_main/compte.md +++ b/content/prise_en_main/compte.md @@ -1,8 +1,10 @@ -+++ -title = "Compte unique" -description = "Compte unique pour tous les services" -weight = 10 -+++ +--- +title: "Compte unique" +description: "Compte unique pour tous les services" +weight: 10 +extra: + parent: "prise_en_main/_index.md" +--- Vous bénéficier d'un compte unique pour accéder à (presque) tous les services de Deuxfleurs. diff --git a/content/prise_en_main/creer-du-contenu.md b/content/prise_en_main/creer-du-contenu.md new file mode 100644 index 0000000..49b1841 --- /dev/null +++ b/content/prise_en_main/creer-du-contenu.md @@ -0,0 +1,13 @@ +--- +title: "Créer du contenu" +description: "Comment écrire ses pages et son contenu" +sort_by: "weight" +weight: 0 +date: 2022-09-01 +extra: + parent: "prise_en_main/web.md" +--- + +Votre site est désormais complètement configuré. Avant de publier du contenu, il faut écrire celui-ci ! + +Vous pouvez, au choix, [l'écrire à la main](@/prise_en_main/à-la-main.md), ou vous [faire assister par un générateur](@/prise_en_main/avec-un-générateur.md). diff --git a/content/prise_en_main/cryptpad.md b/content/prise_en_main/cryptpad.md index fef5115..610c07f 100644 --- a/content/prise_en_main/cryptpad.md +++ b/content/prise_en_main/cryptpad.md @@ -1,8 +1,10 @@ -+++ -title = "Cryptpad" -description = "Cryptpad" -weight = 50 -+++ +--- +title: "Cryptpad" +description: "Cryptpad" +weight: 50 +extra: + parent: 'prise_en_main/_index.md' +--- # Accès à Cryptpad diff --git a/content/prise_en_main/stockage/drive_garage.md b/content/prise_en_main/drive_garage.md index 5b30263..cde90b4 100644 --- a/content/prise_en_main/stockage/drive_garage.md +++ b/content/prise_en_main/drive_garage.md @@ -1,8 +1,10 @@ -+++ -title = "Sous Linux (avancé)" -description = "Drive Garage avec Rclone (guide avancé)" -weight = 10 -+++ +--- +title: "Sous Linux (avancé)" +description: "Drive Garage avec Rclone (guide avancé)" +weight: 10 +extra: + parent: 'prise_en_main/stockage.md' +--- **Public visé:** des utilisateurs sous Linux n'ayant pas peur de la ligne de commande. diff --git a/content/prise_en_main/emails.md b/content/prise_en_main/emails.md index 215f29e..acdddb4 100644 --- a/content/prise_en_main/emails.md +++ b/content/prise_en_main/emails.md @@ -1,8 +1,10 @@ -+++ -title = "Emails" -description = "Emails" -weight = 20 -+++ +--- +title: "Emails" +description: "Emails" +weight: 20 +extra: + parent: 'prise_en_main/_index.md' +--- **ATTENTION**. Le service email est actuellement en phase de test. Nous limitons le nombre de comptes et prévoyons de nombreuses maintenances dans les mois à venir. diff --git a/content/prise_en_main/web/initialiser-votre-accès.md b/content/prise_en_main/initialiser-votre-accès.md index 328b106..819e0e4 100644 --- a/content/prise_en_main/web/initialiser-votre-accès.md +++ b/content/prise_en_main/initialiser-votre-accès.md @@ -1,11 +1,11 @@ -+++ -title = "Initialiser votre accès" -description = "Initialiser le stockage objet sur Garage" -date = 2022-09-01 -weight = 0 -[extra] -weight_custom = 2 -+++ +--- +title: "Initialiser votre accès" +description: "Initialiser le stockage objet sur Garage" +date: 2022-09-01 +weight: 0 +extra: + parent: "prise_en_main/web.md" +--- De par l'utilisation de son logiciel Garage, Deuxfleurs conserve et sert les sites web en recourant au stockage objet. Pour chaque site, on a un bucket (seau en français), partageant le même nom que lui. On peut voir un bucket comme un récipient dans lequel on va mettre tout nos fichiers à publier. Pour des raisons de sécurité, l'initialisation de ce dispositif et des identifiants d'accès ne peut être faite que par un administrateur du stockage de Deuxfleurs. Une fois tout ceci mis en place, vous pourrez gérer votre site seul·e. @@ -31,4 +31,4 @@ Si `exemple-un.fr` n'est pas à gauche dans la même colonne que `exemple-deux.e exemple-un.fr 4bdce6:exemple-un.fr 56a0f10929f0d63d0177415a22a0b636cf1efe92845f2b00e04b91298656e78e exemple-deux.eu 941956ebfffa8fd564ad6b40e4bb5ac2f2b93bdbba1d1bf88fe6daff2cf4df6c ``` -C'est réglé. [Vous pouvez désormais vous occuper du DNS](../mettre-place-dns/).
\ No newline at end of file +C'est réglé. [Vous pouvez désormais vous occuper du DNS](@/prise_en_main/mettre-place-DNS.md). diff --git a/content/prise_en_main/jitsi.md b/content/prise_en_main/jitsi.md index ca2f199..2117037 100644 --- a/content/prise_en_main/jitsi.md +++ b/content/prise_en_main/jitsi.md @@ -1,8 +1,10 @@ -+++ -title = "Jitsi" -description = "Visioconférence avec Jitsi" -weight = 40 -+++ +--- +title: "Jitsi" +description: "Visioconférence avec Jitsi" +weight: 40 +extra: + parent: 'prise_en_main/_index.md' +--- # Accéder à Jitsi diff --git a/content/prise_en_main/matrix.md b/content/prise_en_main/matrix.md index 9b19916..40ccc0d 100644 --- a/content/prise_en_main/matrix.md +++ b/content/prise_en_main/matrix.md @@ -1,10 +1,12 @@ -+++ -title = "Matrix" -description = "Messagerie Instantanée avec Matrix" -date = 2022-03-09T19:13:51.671Z -dateCreated = 2021-11-09T12:13:36.265Z -weight = 30 -+++ +--- +title: "Matrix" +description: "Messagerie Instantanée avec Matrix" +date: "2022-03-09T19:13:51.671Z" +dateCreated: "2021-11-09T12:13:36.265Z" +weight: 30 +extra: + parent: 'prise_en_main/_index.md' +--- Matrix est un réseau de communication instantanée que vous pouvez utiliser pour rester en contact avec votre famille, avec vos amis ou avec votre collectif ou association. diff --git a/content/prise_en_main/web/mettre-place-DNS.md b/content/prise_en_main/mettre-place-DNS.md index d27489a..b125d4c 100644 --- a/content/prise_en_main/web/mettre-place-DNS.md +++ b/content/prise_en_main/mettre-place-DNS.md @@ -1,11 +1,11 @@ -+++ -title = "Mettre en place le DNS" -description = "Mise en place du nom de domaine" -date = 2022-09-01 -weight = 0 -[extra] -weight_custom = 3 -+++ +--- +title: "Mettre en place le DNS" +description: "Mise en place du nom de domaine" +date: 2022-09-01 +weight: 0 +extra: + parent: "prise_en_main/web.md" +--- # Louer son nom de domaine Les noms de domaine sont gérés et loués par les _registraires de nom de domaine_. Ce sont eux qui proposent aux clients finaux de réserver des noms. On peut citer [Gandi](https://www.gandi.net/fr), [OVHcloud](https://www.ovhcloud.com/fr/), ou [Scaleway](https://www.scaleway.com/fr/) par exemple. Lorsqu'on veut s'offrir `exemple-un.fr` notamment, c'est chez eux que ça se passe; ensuite, à leur tour, ils vont enregistrer notre demande auprès de l'organisme correspondant à l'extension choisie : l'association française [AFNIC](https://www.afnic.fr/) pour `.fr`, l'association états-unienne [Public Internet Registry ](https://thenew.org/) pour `.org`, l'association européenne (belge en particulier) [EURid](https://eurid.eu/fr/) pour `.eu`... Nous recommandons de privilégier l'une de ces trois extensions parmis la myriade qui existe, car ces entités ont pour historique de ne pas augmenter arbitrairement les prix tout en garantissant la disponibilité de votre nom de domaine. @@ -35,4 +35,4 @@ Choisissez alors «ALIAS» comme type, et `garage.deuxfleurs.fr` comme nom d'hô ![dns5.png](/img/dns5.png) -Maintenant que votre configuration DNS est réglée, vous pouvez [préparer votre contenu](../créer-du-contenu/) ! +Maintenant que votre configuration DNS est réglée, vous pouvez [préparer votre contenu](@/prise_en_main/creer-du-contenu.md) ! diff --git a/content/prise_en_main/plume.md b/content/prise_en_main/plume.md index c20f18c..2e85eb5 100644 --- a/content/prise_en_main/plume.md +++ b/content/prise_en_main/plume.md @@ -1,15 +1,17 @@ -+++ -title = "Plume" -description = "Plume" -weight = 60 -+++ - +--- +title: Plume +description: Plume +weight: 60 +extra: + parent: 'prise_en_main/_index.md' +--- # Accéder à Plume - - [🌐 Accéder via le navigateur](https://plume.deuxfleurs.fr) +- [🌐 Accéder via le navigateur](https://plume.deuxfleurs.fr) # Le Fédiverse # S'abonner # Créer du contenu + diff --git a/content/prise_en_main/web/publier-le-contenu/_index.md b/content/prise_en_main/publier-le-contenu.md index bffea49..b58c2e7 100644 --- a/content/prise_en_main/web/publier-le-contenu/_index.md +++ b/content/prise_en_main/publier-le-contenu.md @@ -1,19 +1,19 @@ -+++ -title = "Publier le contenu" -description = "Comment mettre en ligne son contenu" -date = 2022-09-01 -weight = 0 -sort_by = "weight" -[extra] -weight_custom = 5 -+++ +--- +title: "Publier le contenu" +description: "Comment mettre en ligne son contenu" +date: 2022-09-01 +weight: 0 +sort_by: "weight" +extra: + parent: "prise_en_main/web.md" +--- -Nous allons désormais verser votre site sur Garage, et ce dernier le servira à toutes les personnes qui voudront le voir. Vous aurez besoin de l'identifiant de votre clé d'accès et de la clé d'accès secrète, obtenus dans la partie «[Initialiser votre accès](../initialiser-votre-acces/)». +Nous allons désormais verser votre site sur Garage, et ce dernier le servira à toutes les personnes qui voudront le voir. Vous aurez besoin de l'identifiant de votre clé d'accès et de la clé d'accès secrète, obtenus dans la partie «[Initialiser votre accès](@/prise_en_main/initialiser-votre-accès.md)». Vous avez le choix entre trois méthodes : -* [Faire ça en ligne de commande avec `aws-cli`](aws-cli/). C'est la méthode la plus habituelle et la plus éprouvée, cependant il faut utiliser le terminal, et être sur linux est grandement conseillé pour celle-ci. -* [Faire ça avec l'utilitaire graphique `rclone`](rclone/). Cette méthode vous paraîtra peut-être moins intimidante grâce à l'interface graphique du logiciel rclone. Celui-ci tourne sur Linux, Windows, et MacOS. -* [Faire ça avec l'utilitaire graphique `winscp`](winscp/). Cette méthode propose elle également une interface graphique, mais ne fonctionne que sur Windows. +* [Faire ça en ligne de commande avec `aws-cli`](@/prise_en_main/aws-cli.md). C'est la méthode la plus habituelle et la plus éprouvée, cependant il faut utiliser le terminal, et être sur linux est grandement conseillé pour celle-ci. +* [Faire ça avec l'utilitaire graphique `rclone`](@/prise_en_main/rclone.md). Cette méthode vous paraîtra peut-être moins intimidante grâce à l'interface graphique du logiciel rclone. Celui-ci tourne sur Linux, Windows, et MacOS. +* [Faire ça avec l'utilitaire graphique `winscp`](@/prise_en_main/winscp.md). Cette méthode propose elle également une interface graphique, mais ne fonctionne que sur Windows. ### Bravo ! Une fois l'un de ces trois guides suivi, vous aurez désormais votre propre site web accessible publiquement en ligne ! diff --git a/content/prise_en_main/web/publier-le-contenu/rclone.md b/content/prise_en_main/rclone.md index 3b82c15..34bb825 100644 --- a/content/prise_en_main/web/publier-le-contenu/rclone.md +++ b/content/prise_en_main/rclone.md @@ -1,10 +1,12 @@ -+++ -title = "Rclone Browser" -description = "Publier avec Rclone Browser" -weight = 2 -date = 2021-11-25T14:31:35.570Z -dateCreated = 2021-11-25T14:02:30.997Z -+++ +--- +title: "Rclone Browser" +description: "Publier avec Rclone Browser" +weight: 2 +date: 2021-11-25T14:31:35.570Z +dateCreated: 2021-11-25T14:02:30.997Z +extra: + parent: "prise_en_main/publier-le-contenu.md" +--- Rclone browser est un outil simple qui vous permet d'accéder directement à Garage. diff --git a/content/prise_en_main/stockage/rclone_mount.md b/content/prise_en_main/rclone_mount.md index 9b31d24..7884687 100644 --- a/content/prise_en_main/stockage/rclone_mount.md +++ b/content/prise_en_main/rclone_mount.md @@ -1,10 +1,12 @@ -+++ -title = "Sous Windows (avancé)" -description = " Rclone Mount" -weight = 20 -date = 2022-03-28T09:28:19.870Z -dateCreated = 2022-02-01T16:23:58.635Z -+++ +--- +title: "Sous Windows (avancé)" +description: " Rclone Mount" +weight: 20 +date: "2022-03-28T09:28:19.870Z" +dateCreated: "2022-02-01T16:23:58.635Z" +extra: + parent: 'prise_en_main/stockage.md' +--- Nous aurons besoin de télécharger 3 programmes : - [winfsp](http://www.secfs.net/winfsp/rel/) - téléchargez l'installateur et installez normalement diff --git a/content/prise_en_main/web/statique-comment-ça.md b/content/prise_en_main/statique-comment-ça.md index 29c363d..14e2b96 100644 --- a/content/prise_en_main/web/statique-comment-ça.md +++ b/content/prise_en_main/statique-comment-ça.md @@ -1,11 +1,11 @@ -+++ -title = "Statique ? Comment ça ?" -description = "Clarification sur le contenu statique" -date = 2022-09-01 -weight = 0 -[extra] -weight_custom = 1 -+++ +--- +title: "Statique ? Comment ça ?" +description: "Clarification sur le contenu statique" +date: 2022-09-01 +weight: 0 +extra: + parent: "prise_en_main/web.md" +--- Au commencement du web (au début des années 90), le contenu présent en ligne était statique : quand un client veut un fichier ou une page, il spécifie le chemin via un URL, et le serveur répond tout le temps la même chose. Dès le milieu des années 90 ont apparu au sein du web des pages dynamiques, avec [CGI](https://fr.wikipedia.org/wiki/Common_Gateway_Interface) et [PHP](https://fr.wikipedia.org/wiki/PHP). Pour une même page, le serveur peut répondre un contenu différent, variant selon des paramètres rajoutés en fin de chemin URL, selon des données dans la mémoire du serveur, ou selon n'importe quel facteur qui passe par la tête du développeur. diff --git a/content/prise_en_main/stockage/_index.md b/content/prise_en_main/stockage.md index 99264f1..96b39c0 100644 --- a/content/prise_en_main/stockage/_index.md +++ b/content/prise_en_main/stockage.md @@ -1,7 +1,10 @@ -+++ -title = "Stockage de fichiers" -description = "Stocker ses fichiers chez Deuxfleurs" -sort_by = "weight" -+++ +--- +title: "Stockage de fichiers" +description: "Stocker ses fichiers chez Deuxfleurs" +sort_by: "weight" +weight: 99 +extra: + parent: 'prise_en_main/_index.md' +--- Dans cette section, vous trouverez plusieurs tutoriels expliquant comment stocker vos fichiers chez Deuxfleurs sur Garage. Malheureusement, nous n'avons pas encore d'interface facile pour accéder à cette fonctionnalité: **les guides dans cette section sont donc à destination d'un public avancé**. diff --git a/content/prise_en_main/web/_index.md b/content/prise_en_main/web.md index 6b4d7fa..6a1b471 100644 --- a/content/prise_en_main/web/_index.md +++ b/content/prise_en_main/web.md @@ -1,23 +1,29 @@ -+++ -title = "Site web" -description = "Héberger un site web" -sort_by = "weight" -+++ +--- +title: "Site web" +description: "Héberger un site web" +sort_by: "weight" +weight: 10 +extra: + parent: 'prise_en_main/_index.md' +--- Vous en avez marre de faire toute votre communication associative via Facebook ? Vous voulez créer votre propre site pour raconter vos dernières vacances ou publier vos poèmes ? Bref, publier en indépendance ? Deuxfleurs peut vous aider en vous fournissant l'hébergement. Suivez le guide ! -1. [Statique ? Comment ça ?](./statique-comment-ca/) -2. [Initialiser votre accès](./initialiser-votre-acces/) -3. [Mettre en place le DNS](./mettre-place-dns/) -4. [Créer du contenu](./créer-du-contenu/) -5. [Publier le contenu](./publier-le-contenu/) +1. [Statique ? Comment ça ?](@/prise_en_main/statique-comment-ça.md) +2. [Initialiser votre accès](@/prise_en_main/initialiser-votre-accès.md) +3. [Mettre en place le DNS](@/prise_en_main/mettre-place-DNS.md) +4. [Créer du contenu](@/prise_en_main/creer-du-contenu.md) +5. [Publier le contenu](@/prise_en_main/publier-le-contenu.md) # Ils nous font confiance pour leur site web + - [declic-lelivre.com](https://declic-lelivre.com) - *Exploitation des données privées, surveillance généralisée, addiction au smartphone, disparition de pans entiers de l'économie... Les critiques du monde du numérique ne cessent de s'amplifier ; difficile d'ignorer les conséquences de l'utilisation d'Amazon, Facebook, Google, Instagram ou Netflix. Et s'il existait un autre Internet, respectueux de nos libertés ?* + - [envieappartagee.fr](https://www.envieappartagee.fr) - *Association Envie Appart'Agée, projet de coloc Alzheimer pour habiter et être accompagné autrement en Vendée.* + - [giraud.eu](https://giraud.eu) - *Site d'un ingénieur en informatique* - [anneprudhomoz.fr](https://anneprudhomoz.fr) - *De la terre, du fer, de l'eau, beaucoup de feu, un peu d'huile, encore du béton et du plâtre ! ... sans oublier le crayon à papier et les carnets.* - [colineaubert.com](https://colineaubert.com) - *D'un côté graphiste, illustratrice et conceptrice d'outils pédagogiques, je mets en images et en mots différents sujets scientifiques et culturels.* - [estherbouquet.com](https://estherbouquet.com) - *Esther Bouquet questions how narratives—both historical and literary—are being built by creating tangible experiences ranging from the size of the sheet of paper to the volume of a space; somewhere between writing, archiving, drawing, designing, and programming.* - [quentin.dufour.io](https://quentin.dufour.io) - *Portfolio et blog d'un ingénieur en informatique* - [erwan.dufour.io](https://erwan.dufour.io) - *Portfolio et blog d'un passionné d'électronique* + - [luxeylab.net](https://luxeylab.net) - *Site d'un prof en informatique* - [rfid.deuxfleurs.fr](https://rfid.deuxfleurs.fr) - *Rencontres Francophones de l'Infonuagique Décentralisé* - - [giraud.eu](https://giraud.eu) - *Site d'un ingénieur en informatique* diff --git a/content/prise_en_main/web/créer-du-contenu/_index.md b/content/prise_en_main/web/créer-du-contenu/_index.md deleted file mode 100644 index 44fc976..0000000 --- a/content/prise_en_main/web/créer-du-contenu/_index.md +++ /dev/null @@ -1,13 +0,0 @@ -+++ -title = "Créer du contenu" -description = "Comment écrire ses pages et son contenu" -sort_by = "weight" -weight = 0 -date = 2022-09-01 -[extra] -weight_custom = 4 -+++ - -Votre site est désormais complètement configuré. Avant de publier du contenu, il faut écrire celui-ci ! - -Vous pouvez, au choix, [l'écrire à la main](./a-la-main/), ou vous [faire assister par un générateur](./avec-un-generateur/).
\ No newline at end of file diff --git a/content/prise_en_main/web/publier-le-contenu/_index.md~ b/content/prise_en_main/web/publier-le-contenu/_index.md~ deleted file mode 100644 index 442cd27..0000000 --- a/content/prise_en_main/web/publier-le-contenu/_index.md~ +++ /dev/null @@ -1,16 +0,0 @@ -+++ -title = "Publier le contenu" -description = "Comment mettre en ligne son contenu" -date = 2022-09-01 -weight = 0 -sort_by = "weight" -[extra] -weight_custom = 5 -+++ - -Nous allons désormais verser votre site sur Garage, et ce dernier le servira à toutes les personnes qui voudront le voir. Vous aurez besoin de l'identifiant de votre clé d'accès et de la clé d'accès secrète, obtenus dans la partie «[Initialiser votre accès](../initialiser-votre-acces/)». - -Vous avez le choix entre trois méthodes : -* [Faire ça en ligne de commande avec `aws-cli`](../aws-cli/). C'est la méthode la plus habituelle et la plus éprouvée, cependant il faut utiliser le terminal, et être sur linux est grandement conseillé pour celle-ci. -* [Faire ça avec l'utilitaire graphique `rclone`](../rclone/). Cette méthode vous paraîtra peut-être moins intimidante grâce à l'interface graphique du logiciel rclone. Celui-ci tourne sur Linux, Windows, et MacOS. -* [Faire ça avec l'utilitaire graphique `winscp`](../winscp/). Cette méthode propose elle également une interface graphique, mais ne fonctionne que sur Windows. diff --git a/content/prise_en_main/web/publier-le-contenu/aws-cli.md~ b/content/prise_en_main/web/publier-le-contenu/aws-cli.md~ deleted file mode 100644 index ba74e8c..0000000 --- a/content/prise_en_main/web/publier-le-contenu/aws-cli.md~ +++ /dev/null @@ -1,71 +0,0 @@ -+++ -title = "aws-cli" -description = "Publier avec aws-cli" -date = 2022-09-01 -weight = 1 -+++ - -Nous allons désormais verser votre site sur Garage, ce dernier le servira à toutes les personnes qui voudront le voir. Vous aurez besoin de l'identifiant de votre clé d'accès et de la clé d'accès secrète, obtenus dans la partie «[Initialiser votre accès](../initialiser-votre-acces/)». - -### Paramétrer votre accès localement -Pour verser votre site sur Garage, nous allons utiliser l'outil de base pour faire des commandes S3 : [aws-cli](https://github.com/aws/aws-cli) et son binaire, `aws`. À chaque fois, il aura besoin de savoir : -* l'identifiant de votre clé d'accès -* votre clé d'accès secrète -* la région et l'URL de l'infrastructure Garage qui hébergera votre site - -En temps normal, il faudrait préciser ces paramètres à chaque fois (donc toutes les fois que vous voulez mettre quelque chose sur votre site, ou le modifier). Pour éviter ça, on va stocker ces informations dans un fichier ; il suffira de l'invoquer avant de faire ses modifications. Dans votre répertoire personnel, créez un fichier nommé par exemple `.awsrc`. À l'intérieur, mettez le contenu suivant : -``` -export AWS_ACCESS_KEY_ID={votre identifiant de clé d'accès} -export AWS_SECRET_ACCESS_KEY={votre clé d'accès privée} -export AWS_DEFAULT_REGION='garage' - -function aws { command aws --endpoint-url https://garage.deuxfleurs.fr $@ ; } -aws --version -``` -Il vous faut bien entendu insérer vos deux clés aux endroits spécifiés. Une fois ceci fait, dans le futur, avant d'utiliser `aws`, il vous faudra faire `source ~/.awsrc`, et cela mettra en place tous les paramètres pour vous. Vous serez automatiquement authentifié et vous parlerez à la bonne infrastructure Garage. - -### Configurer la page par défaut et celle pour les erreurs -Puisqu'on est sur la configuration S3, profitons-en pour paramétrer une page d'accueil et une page d'erreur. En effet, les URL qu'on utilise pour naviguer sur votre site correspondront à la hiérarchie de fichiers présents sur Garage. Si on visite `https://votre-site.fr/blog/recette-de-gateau.html`, Garage va simplement servir le fichier `blog/recette-de-gateau.html`, en partant de la racine du bucket. Mais que ce passe-t-il si on demande à voir `https://votre-site.fr/blog/` ? Garage ne peut pas retourner un dossier; et de toute façon cela ne fonctionnerait pas, puisqu'un dossier n'a pas données propre à lui-même, il ne fait que contenir des fichiers distincts en son sein. On voit pourtant souvent ce genre d'URL en ligne. En fait, les serveurs web sont configurés pour que si aucun fichier du dossier n'est spécifié, alors on va utiliser celui avec un nom paramétré à l'avance. C'est de ça dont on parle. -De même, lorsque quelqu'un demande une page qui n'existe pas, que peut faire Garage ? Dans la même logique, on va lui donner un nom de fichier à servir par défaut si jamais cela arrive. - -Après avoir fait votre `source ~/.awsrc`, faites : -``` -aws s3 website exemple-un.fr --index-document index.html --error-document erreur.html -``` -si votre `aws` est en version 2.x, ou -``` -aws s3api put-bucket-website --bucket exemple-un.fr --website-configuration ' -{ - "ErrorDocument": { - "Key": "/errors/4xx.html" - }, - "IndexDocument": { - "Suffix": "index.html" - } -} -' -``` -s'il est en version 1.x . Pensez à remplacer `exemple-un.fr` par votre nom de domaine à vous ! - -### Publier -On y est ! Avec un terminal, positionnez-vous dans le répertoire qui reflète ce que vous voulez mettre en ligne. Celui-ci devrait contenir des fichiers en `.html`, `.css`, ou `.js`, mais pas de `.md`. Si vous ne l'avez pas fait, faites `source ~/.awsrc`, et lancez ensuite : -``` -aws s3 sync . s3://exemple-un.fr -``` -si vous avez `aws` en version 2. N'oubliez pas de mettre votre nom de domaine à la place d'`exemple-un.fr`. Vos fichiers devrait être téléversés. Une fois le processus fini, vous devriez pouvoir ouvrir un navigateur internet tel que Firefox par exemple, tapez votre nom de domaine dans la barre URL, et naviguer sur votre site. En cas de pépin, essayez d'actualiser la page en faisant `ctrl`+`shift`+`r` avec votre clavier, ça vous garantira que votre navigateur récupère le vrai contenu en ligne au lieu de piocher dans le cache local sur votre ordinateur. - -### Bravo ! -Fécilicitations ! Vous avez désormais votre propre site web accessible publiquement en ligne ! -Vous pouvez rajouter dessus le badge attestant fièrement son hébergement sur Garage: - -[![Badge indiquant qu'un site est hébergé sur Garage en français](/img/garage_fr.png)](https://garagehq.deuxfleurs.fr/) -[![Badge indiquant qu'un site est hébergé sur Garage en anglais](/img/garage_en.png)](https://garagehq.deuxfleurs.fr/) - -En HTML: -``` -<a href="https://garagehq.deuxfleurs.fr/"><img src="garage_fr.png" alt="Badge indiquant que ce site est propulsé par le logiciel Garage" title="Site propulsé par Garage"></a> -``` -En Markdown: -``` -[![Badge indiquant qu'un site est hébergé sur Garage en français](/img/garage_fr.png)](https://garagehq.deuxfleurs.fr/) -``` diff --git a/content/prise_en_main/web/publier-le-contenu/rclone.md~ b/content/prise_en_main/web/publier-le-contenu/rclone.md~ deleted file mode 100644 index d7e03d1..0000000 --- a/content/prise_en_main/web/publier-le-contenu/rclone.md~ +++ /dev/null @@ -1,104 +0,0 @@ -+++ -title = "Rclone Browser" -description = "Rclone Browser" -weight = 30 -date = 2021-11-25T14:31:35.570Z -dateCreated = 2021-11-25T14:02:30.997Z -[extra] -weight_custom = 15 -+++ - - -rclone browser est un outil simple qui vous permet d'accéder directement à Garage. - -# Installation - -Si vous êtes sous macOS ou Windows, vous pouvez télécharger la dernière version depuis la page [github de rclone-browser](https://github.com/kapitainsky/RcloneBrowser/releases) (descendez un peu pour voir les liens). - -Sous Ubuntu (lubuntu, kubuntu, etc.), Debian et Linux Mint, cherchez et installez "Rclone Browser" dans la logithèque ("App Store") ou lancez directement depuis un terminal : - -```bash -sudo apt-get install -y rclone-browser -``` - ---- - -Le paquet existe aussi pour d'autres distributions : - -```bash -sudo dnf install -y rclone-browser # fedora -sudo yay -S rclone-browser # arch linux -sudo nix-env -iA nixos.rclone-browser # nix os -``` - -# Premier lancement - -Avant de lancer Rclone Browser, ouvrez un éditeur de texte. -Moi j'utilise "Éditeur de texte" sous Gnome aussi connu sous le nom de `gedit`. Sous Windows il s'appelle Bloc-Note Windows (ou `notepad.exe`). - -![gedit.png](/img/rclone_gedit.png) - -Entrez le texte suivant dedans, tout en remplaçant bien les lignes 5 et 6 par vos identifiants communiqués précédemment : - -```toml -[garage] -type = s3 -provider = Other -env_auth = false -access_key_id = <REMPLACEZ PAR VOTRE IDENTIFIANT DE CLE D'ACCESS> -secret_access_key = <REMPLACEZ PAR VOTRE CLE D'ACCES SECRETE> -region = garage -endpoint = garage.deuxfleurs.fr -bucket_acl = private -force_path_style = true -no_check_bucket = true -``` - -Maintenant enregistrez le à un endroit où vous ne le perdrez pas. Dans mon cas, j'ai choisi de le mettre dans Mon Dossier Personnel > Documents > Configuration et je l'ai appelé `rclone.conf`. - -![rclone-conf.png](/img/rclone_conf.png) - -Maintenant lancez "Rclone Browser" en cherchant l'application dans votre menu d'application - -![capture_d’écran_de_2021-11-25_14-43-03.png](/img/rclone_menu.png) - -L'application devrait se lancer : - -![rclone_init.png](/img/rclone_init.png) - -Cliquez sur "File" (Fichiers) en haut à gauche, puis sur "Preferences...". La fenêtre suivante s'ouvre : - -![rclone-conf2.png](/img/rclone_conf2.png) - -Repérez la deuxième ligne intitulée `rclone.conf location:`. Tout au bout de la ligne, cliquez sur le bouton avec les trois points `[...]`. Vous aurez alors la possibilité d'indiquer à Rclone Browser où se trouve le fichier de configuration créé juste avant (pour ma part, je rappelle, "Dossier personnel > Documents > Configuration > rclone.conf", on voit que le chemin complet vers le fichier apparait maintenant dans le champs texte. - -Appuyez sur OK, et la fenêtre principale devrait maintenant ressembler à ça : - -![rclone-s3.png](/img/rclone_s3.png) - -Cliquez sur "S3 garage" puis cliquez sur "Open". Si vous voyez des dossiers apparaitre, c'est gagné ! - -![rclone-conn.png](/img/rclone_conn.png) - -Vous pouvez maintenant naviguer dans vos dossiers, envoyer des fichiers sur Garage ou en récupérer. Attention, vous ne pouvez pas créer de "nouveaux dossiers" à la racine, mais vous pouvez créer des sous-dossiers dans les dossiers existants pré-alablement créés pour vous. - -# Utiliser comme un drive - -Ce n'est pas forcément très pratique de devoir passer par cette interface pour envoyer ou récupérer des fichiers. Ce qui serait génial, c'est que ces dossiers apparaissent sur votre ordinateur comme des dossiers normaux. - -Pour cela, sélectionnez un dossier racine, moi j'ai choisi `quentin.bibliotheque` puis cliquez sur le bouton "Mount". - -![rclone-mount.png](/img/rclone_mount.png) - -Un sélecteur de fichier s'ouvre alors. Je vais dans "Dossier Personnel > Documents", je créer un nouveau dossier que j'appelle "Distant". Je vais dedans et clique sur "Choisir" (ou Ok). - -Maintenant, quand je vais dans un explorateur de fichier, je vois les fichiers sur Garage comme si ils étaient sur mon ordinateur. - -![nautilus-distant.png](/img/rclone_nautilus.png) - -Je peux aussi accéder à ces documents depuis mon logiciel préféré, comme ici "LibreOffice Calc" : - -![capture_d’écran_de_2021-11-25_15-01-42.png](/img/rclone_calc.png) - - - diff --git a/content/prise_en_main/web/publier-le-contenu/winscp.md~ b/content/prise_en_main/web/publier-le-contenu/winscp.md~ deleted file mode 100644 index 6f63d97..0000000 --- a/content/prise_en_main/web/publier-le-contenu/winscp.md~ +++ /dev/null @@ -1,62 +0,0 @@ -+++ -title = "WinSCP" -description = "WinSCP " -weight = 20 -[extra] -weight_custom = 10 -+++ - - -# Installation - -Commencez par télécharger l'outil [WinSCP](https://winscp.net/eng/download.php). - -![winscp_dl.png](/img/winscp_dl.png) - -Installez le logiciel. - -# Configuration - -Lancez le. La fenêtre de connexion suivante devrait apparaitre : - -![](/img/winscp_login.png) - -Vous devez : - 1. Vérifier que c'est bien "Nouveau site" qui est sélectionné - 2. Dans *protocole de fichier*, vous devez choisir *Amazon S3* - 3. Dans *nom d'hôte*, vous devez mettre `garage.deuxfleurs.fr` - 4. Dans *numéro de port*, vous devez mettre (ou plutôt laisser) `443` - 5. Dans *id de clé d'accès*, vous devez mettre l'identifiant de votre clé d'accès, exemple : `GK...` - 6. Dans *clé d'accès secrète*, vous devez mettre votre clé d'accès secrète. - 7. Maintenant, cliquez sur le bouton *Avancé*. (Cliquez bien sur le mot "Avancé" et non sur la flèche à droite). Une fenêtre s'ouvre : - -![](/img/winscp_avance.png) - - 1. Dans le menu de gauche, cliquez sur *S3* - 2. Dans la partie de droite, pour *Région par défaut*, inscrivez au clavier *garage* - 3. Toujours à droite, dans *Style URL*, choisissez *Chemin* - 4. Cliquez sur OK - -Vous voilà de retour sur la fenêtre de connexion : - -![](/img/winscp_sauvegarder.png) - - 1. Cliquez sur *Sauver* (cliquez bien sur le texte et non sur la flèche noire à droite) - -La fenêtre suivante apparait : - -![](/img/winscp_session.png) - - 1. Dans *Enregistrer la sessions sous :*, donnez un nom qui identifie bien votre site web, c'est ce qui vous permettra de l'identifier dans la liste de connexion. - 2. Pour la case *Enregistrer le mot de passe*, nous vous conseillons de la cocher sauf si vous êtes sur un ordinateur public (bibliothèque, cybercafé, etc.) ou au travail. - 3. Pour la case *Créer un raccourci sur le bureau*, nous vous conseillons de la cocher, vous pourrez alors mettre votre site en ligne en un seul clic (ou presque) depuis votre bureau. - 4. Cliquez sur OK - -Vous pouvez maintenant cliquer sur "Connexion". - -# Envoyer votre site web - -À gauche, naviguez jusqu'au dossier de votre site web. -Faites en un glisser déposer à droite à l'intérieur du dossier qui contient le nom de votre site web. - -![commander.png](/img/winscp_commander.png) diff --git a/content/prise_en_main/web/publier-le-contenu/winscp.md b/content/prise_en_main/winscp.md index f88e6dd..6528836 100644 --- a/content/prise_en_main/web/publier-le-contenu/winscp.md +++ b/content/prise_en_main/winscp.md @@ -1,8 +1,10 @@ -+++ -title = "WinSCP" -description = "Publier avec WinSCP" -weight = 3 -+++ +--- +title: "WinSCP" +description: "Publier avec WinSCP" +weight: 3 +extra: + parent: 'prise_en_main/publier-le-contenu.md' +--- # Installation diff --git a/content/prise_en_main/web/créer-du-contenu/à-la-main.md b/content/prise_en_main/à-la-main.md index 541a009..bc4c3ad 100644 --- a/content/prise_en_main/web/créer-du-contenu/à-la-main.md +++ b/content/prise_en_main/à-la-main.md @@ -1,10 +1,12 @@ -+++ -title = "À la main" -description = "Créer du contenu à la main" -sort_by = "weight" -date = 2022-09-01 -weight = 1 -+++ +--- +title: "À la main" +description: "Créer du contenu à la main" +sort_by: "weight" +date: 2022-09-01 +weight: 1 +extra: + parent: "prise_en_main/creer-du-contenu.md" +--- Garage, comme tout serveur web, va se contenter ici de servir des fichiers `.html`. Ces fichiers sont tout à fait lisibles et écrivables par un humain. Ainsi, si vous n'avez pas prévu d'avoir un site avec beaucoup de pages, il est souvent intéressant de façonner chacune d'entre elles à la main. @@ -36,4 +38,4 @@ body ``` Encore une fois, plein de ressources sont disponibles en ligne, et Mozilla propose encore une fois [une bonne base](https://developer.mozilla.org/fr/docs/Web/CSS). -Une fois que vous avez tous vos fichiers `.html` et `.css` réunis, [vous pouvez passer à la publication](../../publier-le-contenu/) ! +Une fois que vous avez tous vos fichiers `.html` et `.css` réunis, [vous pouvez passer à la publication](@/prise_en_main/publier-le-contenu.md) ! |