abridge

Thème Abridge Zola

Un thème Zola rapide, léger et moderne en utilisant Abridge.css (un cadre HTML CSS sémantique léger de classe). Lighthouse parfait, Yellowlabtools et Scores Observatory. Voici une page de référence de thèmes Zola.

La maintenance de ce projet est rendue possible par tous les contributeurs et sponsors. Si vous souhaitez parrainer ce projet et que votre logo Avatar ou votre entreprise apparaisse ci-dessous, cliquez ici. ?

---

Voir la démo Abridge

Voir la démo Abridge.css [Abridge.css Framework]

La démo abridge.css utilise simplement le thème Abridge comme sous-module: config.toml, sass / abridge.scss

Caractéristiques

• Lighthouse parfait, Yellowlabtools et Scores Observatory.
• Support PWA (application Web progressive).
• Tous les JavaScript peuvent être entièrement désactivés.
• Thèmes sombres, clairs, automobiles et commutateurs. (Les couleurs peuvent être personnalisées, variables CSS)
• Syntaxe de code survient. (Les couleurs peuvent être personnalisées, variables CSS)
• Blocs de code numérotés avec la mise en surbrillance de ligne.
• Site entièrement hors ligne en utilisant le PWA ou en définissant search_library = "offline" dans config.toml (support de recherche complet).
• Support multi-langues.
• Rechercher la prise en charge. (ElasticLunr, PageFind, TinySearch)
• Recherchez les suggestions Clés de navigation, / Focus, arrow MOVE, enter Select, escape Fermer.
• Page de résultats de recherche, tapez la requête de recherche puis appuyez sur Enter Key ou click l'icône du bouton de recherche.
• Support SEO. (Optimisation des moteurs de recherche)
• Pagination avec paginateur numéroté sur l'index.
• Les liens d'article précédent basé sur le titre et suivant en bas de l'article.
• Table des matières en index de page (liens facultatifs et clickables)
• Les articles récents bloquent. (Facultatif)
• Retour au bouton supérieur. (utilise CSS uniquement)
• Bouton de copie de code.
• Lien e-mail dans l'obscurcissement du pied de page. (anti-spam)
• Support Katex.
• Page d'archive.
• Tags.
• Catégories. (similaire aux balises, désactivé / commenté par défaut)
• Les icônes sociales sont des liens dans le pied de page.
• Conception réactive. (Mobile d'abord)
• Risquez vidéo: YouTube, Vimeo, Streamable.
• Media Shortcodes: Vidéo, IMG, IMGSWAP, Image, GIF, Audio.
• Autres shortcodes: showdata, katex.

Une documentation complète est disponible ici

Démarrage rapide

Ce thème nécessite la version 0.19.1 ou plus tard de Zola

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser 

Installation

Le démarrage rapide montre comment exécuter directement le thème. Ensuite, nous utiliserons Abridge comme thème d'un nouveau site.

1: Créez un nouveau site Zola

yes " " | zola init mysite
cd mysite

2: Installez Abridge

Ajoutez le thème en tant que sous-module Git:

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

Ou cloner le thème dans votre répertoire de thèmes:

git clone https://github.com/jieiku/abridge.git themes/abridge

3: configuration

Copiez certains fichiers du répertoire de thème dans le répertoire racine de votre projet:

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json

• Configuration de base config.toml avec toutes les valeurs de configuration.
• content/_index.md requis pour définir la pagination.
• COPY-TO-ROOT-SASS/abridge.scss remplace pour personnaliser les variables Abridge.
• Paramètres netlify.toml pour déployer votre dépôt avec netlfiy.
• package_abridge.js script de nœud pour: mettre à jour la liste des fichiers de cache dans PWA, minifée JS, bundle js
• package.json pour faciliter l'utilisation de package_abridge.js

Décommente la ligne de thème dans la configuration racine de votre projet.toml:

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4: Ajouter un nouveau contenu

Copiez le contenu du répertoire de thème de votre projet ou faites un nouveau message:

rsync -r themes/abridge/content .

5: exécutez le projet

Il suffit d'exécuter zola serve dans le chemin racine du projet:

zola serve

Zola démarrera le serveur Web Dev, accessible par défaut sur http://127.0.0.1:1111 .

Les modifications enregistrées vivent un rechargement dans le navigateur. (Appuyez sur ctrl+f5 , ou pendant le développement de set pwa=false dans config.toml )

Personnalisation

Pour plus de personnalisation, assurez-vous de vérifier les documents.

Parrainer

Aimez-vous ce thème? Vous a-t-il été utile? Veuillez laisser une étoile GitHub, et si vous vous sentez enclin à faire un don, vous pouvez me faire un don via des sponsors GitHub.

Contribution et philosophie

Nous aimerions votre aide! En particulier avec les correctifs aux problèmes ou les améliorations des fonctionnalités existantes.

L'objectif est qu'Abridge soit léger, rapide et fonctionne correctement même si JavaScript est désactivé ou bloqué.

La seule caractéristique qui peut être considérée comme une nécessité qui s'appuie sur JavaScript est la recherche.

Licence

Abridge est distribué en vertu des termes de la licence du MIT.