mirror of
https://github.com/wallabag/wallabag.git
synced 2024-12-04 14:56:31 +00:00
245 lines
19 KiB
HTML
245 lines
19 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>wallabag - Sauvegarder son premier article</title>
|
|
|
|
<link rel="stylesheet" href="http://doc.wallabag.org/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="http://doc.wallabag.org/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="http://doc.wallabag.org/css/highlight.tomorrow-night.css">
|
|
<link rel="stylesheet" href="http://doc.wallabag.org/css/main.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="navbar navbar-default navbar-fixed-top">
|
|
|
|
<a class="navbar-brand" href="http://doc.wallabag.org/">
|
|
wallabag
|
|
<small class="hidden-xs hidden-sm">
|
|
Sauvegarder son premier article
|
|
</small>
|
|
</a>
|
|
<a href="http://doc.wallabag.org/en">EN</a> - <a href="http://doc.wallabag.org/fr">FR</a> - <a href="http://doc.wallabag.org/de">DE</a> - <a href="http://doc.wallabag.org/ru">RU</a>
|
|
|
|
|
|
</header>
|
|
|
|
<main class="container-fluid">
|
|
<div class="row">
|
|
|
|
|
|
<nav id="sidebar" class="col-sm-3 col-lg-2" role="navigation">
|
|
|
|
<ul class="nav nav-pills nav-stacked">
|
|
|
|
<h4 class="text-muted">
|
|
|
|
</h4>
|
|
|
|
<ul class="nav nav-pills nav-stacked">
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/index.html">
|
|
Pour commencer
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/contribuer_au_projet.html">
|
|
Aidez-nous
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h4 class="text-muted">
|
|
Administrateur
|
|
</h4>
|
|
|
|
<ul class="nav nav-pills nav-stacked">
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Administrateur/telechargement_et_installation.html">
|
|
Téléchargement et installation
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Administrateur/maj_wallabag.html">
|
|
Mettre à jour wallabag
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Administrateur/options_cachees.html">
|
|
Options cachées
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Administrateur/multi-utilisateurs.html">
|
|
wallabag multi-utilisateurs
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h4 class="text-muted">
|
|
Utilisateur
|
|
</h4>
|
|
|
|
<ul class="nav nav-pills nav-stacked">
|
|
<li class="test active">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/sauvegarder_son_premier_article.html">
|
|
Sauvegarder son premier article
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/lire_un_article.html">
|
|
Lire un article
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/classer_ses_articles.html">
|
|
Classer ses articles
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/configurer_wallabag.html">
|
|
Configurer wallabag
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/rechercher.html">
|
|
Rechercher
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/convertir_en_epub.html">
|
|
Convertir en ePub
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/un_article_est_mal_affiche.html">
|
|
Problème d'affichage d'un article
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/flux_rss.html">
|
|
Flux RSS
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/importer_exporter.html">
|
|
Importer / Exporter
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Utilisateur/framabag.html">
|
|
Se créer un compte sur Framabag
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h4 class="text-muted">
|
|
Développeur
|
|
</h4>
|
|
|
|
<ul class="nav nav-pills nav-stacked">
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Developpeur/ecrire_fichier_configuration.html">
|
|
Écrire un fichier de configuration
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Developpeur/creer_un_nouveau_theme.html">
|
|
Créer un nouveau thème
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Developpeur/depot_git.html">
|
|
Dépôt git de wallabag
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Developpeur/docker.html">
|
|
Docker
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Developpeur/vagrant.html">
|
|
Vagrant
|
|
</a>
|
|
</li>
|
|
<li class="test ">
|
|
<a href="http://doc.wallabag.org/fr/Developpeur/v2.html">
|
|
wallabag v2 / symfony2
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
|
|
<section class="col-lg-10">
|
|
<h1 id="sauvegarder-son-premier-article">Sauvegarder son premier article</h1>
|
|
<p>Une fois connecté sur wallabag, vous avez plusieurs moyens pour sauvegarder un article.</p>
|
|
<h2 id="depuis-lapplication-web">Depuis l'application web</h2>
|
|
<p>Voyons d'abord comment faire depuis l'application web. Dans le menu, vous avez un lien <strong>Sauvegarder un lien</strong>. En cliquant dessus, un formulaire s'affiche : vous n'avez qu'à saisir l'adresse internet de l'article concerné.</p>
|
|
<p>Validez et le contenu de l'article est enregistré.</p>
|
|
<p>Par défaut, seul le texte est sauvegardé. Si vous souhaitez également conserver une copie des images sur votre serveur, il faut activer le paramètre <code>DOWNLOAD_PICTURES</code>. Lisez le chapitre <a href="../Administrateur/options_cachees.html">Les options cachées</a> pour en savoir plus.</p>
|
|
<h2 id="depuis-le-bookmarklet">Depuis le bookmarklet</h2>
|
|
<p><a href="http://fr.wikipedia.org/wiki/Bookmarklet">Définition Wikipedia</a></p>
|
|
<pre><code>Un bookmarklet est un petit programme JavaScript pouvant être stocké :
|
|
* soit en tant qu'URL dans un signet (marque-page ou lien favori) avec la plupart des navigateurs Web ;
|
|
* soit en tant qu'hyperlien dans une page web.</code></pre>
|
|
<p>Depuis le menu de wallabag, cliquez sur <strong>configuration</strong>. Dans la première partie de cette page, nous avons listé les différents moyens de sauvegarder un article. Vous trouverez ainsi le bookmarklet (c'est le lien <code>bag it !</code>) à glisser / déposer dans la barre de favoris de votre navigateur.</p>
|
|
<p>Dorénavant, lorsque vous souhaitez sauvegarder un article sur lequel vous êtes en train de surfer, vous n'avez qu'à cliquer sur ce bookmarklet et l'article sera automatiquement enregistré.</p>
|
|
<h2 id="depuis-son-smartphone">Depuis son smartphone</h2>
|
|
<h3 id="avant-toute-chose">Avant toute chose</h3>
|
|
<p>Pour pouvoir utiliser une application smartphone, vous devez activer les flux RSS depuis la partie <strong>configuration</strong> de wallabag. Certaines informations seront ainsi affichées, comme votre <strong>token</strong> (jeton de sécurité). Lisez le chapitre <a href="flux_rss.html">Flux RSS</a> pour en savoir plus.</p>
|
|
<h3 id="android">Android</h3>
|
|
<h4 id="installation-et-configuration">Installation et configuration</h4>
|
|
<p>Vous pouvez télécharger l'application Android depuis le <a href="https://play.google.com/store/apps/details?id=fr.gaulupeau.apps.InThePoche">Google Play Store</a> et depuis <a href="https://f-droid.org/app/fr.gaulupeau.apps.InThePoche">F-droid</a>. C'est exactement la même application sur ces deux plateformes de téléchargement.</p>
|
|
<p>Une fois installée, démarrez l'application, rendez-vous dans la partie <strong>settings</strong> et renseignez les champs <strong>URL</strong> (Adresse complète de votre installation de wallabag ou de votre compte Framabag), <strong>User ID</strong> (très souvent, il vous faudra mettre 1 comme valeur). Si vous avez créé plusieurs comptes depuis wallabag, il faudra saisir l'identifiant du compte que vous souhaitez connecter à votre application) et <strong>Token</strong> (recopiez bien tous les caractères du token, disponible dans la <strong>configuration</strong> de wallabag).</p>
|
|
<h4 id="sauvegarde-dun-article">Sauvegarde d'un article</h4>
|
|
<p>Maintenant que tout est bien configuré, dès que vous naviguerez avec le navigateur de votre smartphone, vous pourrez à tout moment partager un article dans wallabag depuis le menu <strong>Partager</strong> : vous trouverez une entrée <strong>Bag it!</strong> qui ajoutera l'article dans wallabag.</p>
|
|
<h4 id="lecture">Lecture</h4>
|
|
<p>Lorsque vous ouvrez l'application, cliquez sur <strong>Synchronize</strong> : vos articles dernièrement sauvegardés seront ainsi téléchargés sur votre smartphone.</p>
|
|
<p>Vous n'avez maintenant plus besoin de connexion internet : cliquez sur le bouton <strong>List articles</strong> pour commencer votre lecture.</p>
|
|
<p>En bas de chaque article, un bouton <strong>Mark as read</strong> vous permet d'archiver l'article.</p>
|
|
<p>Aujourd'hui, la synchronisation ne s'effectue que dans un sens (de wallabag vers l'application), ce qui empêche de marquer comme lu un article sur wallabag depuis votre smartphone.</p>
|
|
<h3 id="ios">iOS</h3>
|
|
<h4 id="installation-et-configuration-1">Installation et configuration</h4>
|
|
<p>TODO</p>
|
|
<h4 id="utilisation">Utilisation</h4>
|
|
<p>TODO</p>
|
|
<h3 id="windows-phone">Windows Phone</h3>
|
|
<h4 id="installation-et-configuration-2">Installation et configuration</h4>
|
|
<p>Vous pouvez télécharger l'application Windows Phone depuis le <a href="http://www.windowsphone.com/fr-fr/store/app/wallabag/ff890514-348c-4d0b-9b43-153fff3f7450">Windows Store</a> ou directement dans le Store de votre smartphone.</p>
|
|
<p>Une fois installée, l'application affichera une notification au premier lancement, demandant la configuration du serveur wallabag. Rendez-vous dans la partie <strong>Configuration</strong> de l'application en appuyant sur les 3 petits points du menu en bas de l'écran, puis renseignez les champs <strong>URL</strong> (Adresse complète de votre installation de wallabag ou de votre compte Framabag), <strong>User ID</strong> (très souvent, il vous faudra mettre 1 comme valeur).<br />
|
|
Si vous avez créé plusieurs comptes depuis wallabag, il faudra saisir l'identifiant du compte que vous souhaitez connecter à votre application) et <strong>Token</strong> (recopiez bien tous les caractères du token, disponible dans la <strong>configuration</strong> de wallabag).<br />
|
|
Enfin, sauvegardez les paramètres entrés.</p>
|
|
<h2 id="depuis-son-navigateur">Depuis son navigateur</h2>
|
|
<h3 id="firefox">Firefox</h3>
|
|
<p>Téléchargez l'extension Firefox <a href="https://addons.mozilla.org/firefox/addon/wallabag/">sur le site addons.mozilla.org</a> et installez-la comme toute autre extension Firefox.</p>
|
|
<p>Dans les préférences de l'extension, renseignez l'URL complète de votre installation de wallabag ou de votre compte Framabag.</p>
|
|
<p>Personnalisez la barre d'outils de Firefox pour ajouter wallabag (icône <code>w</code>). Lorsque vous vous trouvez sur un article que vous souhaitez sauvegarder, cliquez sur cette icône : une nouvelle fenêtre s'ouvrira pour ajouter l'article et elle se refermera automatiquement.</p>
|
|
<h3 id="chrome">Chrome</h3>
|
|
<p>Téléchargez l'extension Chrome <a href="https://chrome.google.com/webstore/detail/wallabag/bepdcjnnkglfjehplaogpoonpffbdcdj">sur le site dédié</a> et installez-la comme toute autre extension Chrome.</p>
|
|
<p>Dans les options de l'extension, renseignez l'URL complète de votre installation de wallabag ou de votre compte Framabag.</p>
|
|
<p>Lors de l'installation de l'extension, une nouvelle icône est apparue dans la barre d'outils de Chrome, une icône <code>w</code>. Lorsque vous vous trouvez sur un article que vous souhaitez sauvegarder, cliquez sur cette icône : une popup s'ouvrira et vous confirmera que l'article a bien été sauvegardé.</p>
|
|
</section>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
|
|
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
|
|
<script src="http://yandex.st/highlightjs/7.5/highlight.min.js"></script>
|
|
|
|
<script>
|
|
$(function() {
|
|
$("section>h1").wrap('<div class="page-header" />');
|
|
// Syntax highlighting
|
|
hljs.initHighlightingOnLoad();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|