RTheme
v3.0.0
Une nouvelle génération de système de blog horizontal multifonctionnel de style geek moderne - basé sur Nextjs
// Système de blog horizontal polyvalent et geek moderne de nouvelle génération - Propulsé par Nextjs //.
Aperçu : le blog de RavelloH
Grâce au framework de thème repensé, le thème est désormais à son apogée en termes de performances, atteignant un score parfait de 400/400 au test Google PageSpeed Insights. Résultats des tests
Dans l'expérience réelle, RTheme utilise Web Worker pour gérer de manière asynchrone les tâches à forte charge, charger/effectuer le rendu de manière asynchrone et éviter de bloquer la page ; son préchargement actif réduit également le délai de chargement de la page. Dans la mise à niveau complète de la version v3, le thème a été transformé en une application d'une seule page et, associé à une transition fluide du contenu, la fluidité a été considérablement améliorée.
RTheme utilise Github Actions pour se déployer automatiquement dans le cloud. Il peut effectuer automatiquement les mises à jour d'index, les mises à jour automatiques d'abonnements, les mises à jour de plan de site, les recommandations de contournement d'articles et d'autres fonctions sans intervention locale.
De plus, RTheme a optimisé sa propre structure, ce qui rend la rédaction d'articles très simple : il vous suffit de comprendre la syntaxe HTML. Vous pouvez également choisir de modifier à l'aide de Markdown. Ensuite, ses composants seront ajoutés automatiquement et silencieusement lors du rendu.
Le thème utilise un design réactif et les éléments de base utilisent une disposition flexible/grille, qui fonctionne bien sur les écrans de toutes tailles.
Le thème a des fonctions riches, des paramètres intégrés/partage/lecture de musique en ligne/test de vitesse multi-sites/recherche automatique sur l'ensemble du site/tri personnalisé des articles/indexation automatique des balises et catégories d'articles/plan du site/RSS/génération automatique Atom /recommandation automatique d'articles/téléchargements avancés intégrés Il dispose d'une série de fonctions telles que serveur/préchargement actif/interface de connexion utilisateur/API de capture d'écran de lien externe, etc., créant le cadre de thème ultime pour les geeks.
À l'exception de loading.js , qui est utilisé pour contrôler le chargement initial, les autres scripts du thème enveloppent chaque fonction dans une fonction pour garantir sa réutilisation et éviter de dépendre d'un chargement dans le désordre.
Cela rend le développement secondaire très simple et vous pouvez directement réutiliser les fonctions dans le framework du thème.
Le thème génère automatiquement sitemap dans deux formats en fonction du contenu de la page pour optimiser l'exploration des moteurs de recherche.
Le thème est profondément intégré à RPageSearch, intégré de manière durable, pour fournir des fonctionnalités de recherche avancées à l'échelle du site pour les sites statiques. Voir RavelloH/RPageSearch pour plus de détails. Hautes performances/recherche en temps réel/prise en charge de la syntaxe régulière/asynchrone/travailleur Web/construction continue automatique/format de données extensible, offrant des fonctions de recherche riches.
Le thème génère automatiquement des informations d'abonnement dans trois formats : RSS , Atom et JSON Feed en fonction du contenu de la page.
Le thème est initialement pris en charge par Chrome 58 (19 avril 2017), Firefox 52 (7 mars 2017), Opera 45 (10 mai 2017) et Safari, offrant des garanties de compatibilité.
Remarque : IE est mort et n'est pas pris en charge.
Le thème utilise la technologie PJAX pour le chargement des pages et ajoute des animations de transition entre les commutateurs de chargement des pages.
De plus, le thème mettra également à jour la barre de progression dans le coin inférieur gauche lors du chargement de la page pour afficher différents scénarios tels que le chargement/délai d'expiration du chargement/l'achèvement du chargement/l'échec du chargement.
Le thème dispose d'un lecteur de musique natif intégré qui prend en charge des fonctions telles que lecture/commutation/saut/boucle, et peut être recherché en ligne pour utiliser des ressources en ligne. 
Le thème dispose d'une fonction de commutation d'éléments fluide intégrée switchElementContext() pour garantir une commutation d'éléments fluide et naturelle.
La taille du corps du thème est inférieure à 600 Ko et ne dispose d'aucun cadre, garantissant ses performances de chargement à grande vitesse.
Le thème utilise le code highlight.js pour mettre en évidence et utilise Web Worker pour se charger en parallèle afin d'éviter le blocage des pages.
Le thème peut automatiquement indexer les articles avec les balises/catégories correspondantes en fonction des informations sur l'article sans intervention.
Le package de fichiers de langue du thème est un fichier distinct. Vous pouvez modifier le modèle en fonction de vos propres besoins et vous pouvez également implémenter son internationalisation.
Les thèmes peuvent être configurés de différentes manières pour offrir une expérience personnalisée.
Les éléments de configuration sont stockés à l'aide de cookies et peuvent être rapidement créés à l'aide de listes pour garantir une facilité d'utilisation.
Le thème peut générer automatiquement une table des matières basée sur les titres de l'article et mettre en évidence les éléments de lecture pour améliorer l'expérience de lecture.
L'article précédent/suivant est automatiquement recommandé à la fin de l'article, aucun réglage manuel n'est requis. Voir l'image ci-dessus pour l'effet.
Le thème dispose d'un téléchargeur intégré pour améliorer la sensation générale. Vous pouvez l'utiliser dans vos articles.
Lire la suite#box下载box
Vous pouvez utiliser directement le déploiement vercle, ou vous pouvez utiliser des vps et d'autres méthodes de déploiement.
Voir https://ravelloh.top/posts/rthemev4-deployment-complete-guide
Les améliorations/correctifs/fonctionnalités accrues du thème sont les bienvenus. Vous pouvez afficher les modifications localement à l'aide de nodejs.
git clone https://github.com/RavelloH/RTheme
cd RTheme
pnpm install
pnpm devMIT
