Comment générer un site Web statique avec VuePress
Cette fois, je vais vous montrer comment utiliser VuePress pour générer un site Web statique. Quelles sont les précautions pour utiliser VuePress pour générer un site Web statique. Voici un cas pratique, jetons un oeil.
Qu'est-ce que VuePress
VuePress se compose de deux parties : un générateurde site Web statique léger basé sur Vue, et un outil de rédaction de documentation technique. thème par défaut optimisé. Il a été créé pour répondre aux besoins de la documentation du sous-projet de Vue.
VuePress fournit du HTML préchargé pour chaque page générée par celui-ci, qui a non seulement une excellente vitesse de chargement, mais est également très convivial pour le référencement. Une fois la page chargée, Vue reprend tout le contenu statique, le transformant en une application SPA complète. D'autres pages seront également chargées à la demande lorsque l'utilisateur utilise la navigation pour entrer.
Comment fonctionne VuePress
Une application VuePress est en fait basée sur Vue, VueRouter et webpack. Si vous avez déjà utilisé Vue, alors lorsque vous utilisez VuePress lors du développement ou. En personnalisant votre propre thème, vous constaterez que l'expérience est presque la même ~ vous pouvez même utiliser Vue DevTools pour déboguer votre thème personnalisé !
Pendant le processus de construction, VuePress restituera le HTML pertinent en créant une version rendue côté serveur et en accédant à chaque itinéraire. Cette approche s'inspire de la commande nuxt generate de Nuxt et d'autres projets tels que Gatsby.
Chaque fichier markdown est compilé en HTML puis traité comme modèle pour un composant Vue. De cette façon, vous pouvez utiliser Vue directement dans les fichiers markdown, ce qui est très utile lorsque vous devez intégrer du contenu dynamique.
Fonctionnalités VuePress
L'extension de démarque intégrée est optimisée pour les documents techniques
Peut être utilisé en markdown Le fichier utilise directement le thème animé personnalisable de vue
prend en charge PWA - Progressif Application Web (application Web de style progressif)
Google Analytics intégré
Une VuePress par défaut comprend :
Page d'accueil facultative
Un en-tête simpleRechercheComposants
Barre de navigation et barre latérale personnalisables
Lien GitHub généré automatiquement et lien d'édition de page
VuePress bénéficie de l'environnement de développement Vue + webpack, utilise les composants Vue dans markdown et développe des thèmes personnalisés via Vue. VuePress fournit du HTML préchargé pour chaque page générée par celui-ci, qui a non seulement une excellente vitesse de chargement, mais est également très convivial pour le référencement. Une fois la page chargée, Vue reprend tout le contenu statique, le transformant en une application SPA complète. D'autres pages seront également chargées à la demande lorsque l'utilisateur utilise la navigation pour entrer.
# install npm install -g vuepress # create a markdown file echo '# Hello VuePress' > README.md # start writing vuepress dev # build to static files vuepress build
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Comment EL obtient la valeur du paramètre de contexte (avec code)
JS crée des listes gauche et droite Effet mutuellement mobile
Explication détaillée de l'utilisation des composants dynamiques personnalisés Vue
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment générer k dates aléatoires entre deux dates en utilisant Python ?
Sep 09, 2023 pm 08:17 PM
La génération de données aléatoires est très importante dans le domaine de la science des données. Lors de la création de prévisions de réseaux neuronaux, de données boursières, etc., la date est généralement utilisée comme l'un des paramètres. Nous devrons peut-être générer des nombres aléatoires entre deux dates à des fins d'analyse statistique. Cet article montrera comment générer k dates aléatoires entre deux dates données à l'aide des modules random et datetime. Datetime est la bibliothèque intégrée de Python pour la gestion du temps. D'un autre côté, le module aléatoire aide à générer des nombres aléatoires. On peut donc combiner les modules random et datetime pour générer une date aléatoire entre deux dates. La syntaxe random.randint (start, end, k) random fait ici référence à la bibliothèque aléatoire Python. La méthode Randint utilise trois éléments importants
Comment générer un code de vérification d'image actualisable à l'aide de PHP
Sep 13, 2023 am 11:54 AM
Comment utiliser PHP pour générer des codes de vérification d'image actualisables. Avec le développement d'Internet, afin de prévenir les attaques malveillantes et les opérations automatiques des machines, de nombreux sites Web utilisent des codes de vérification pour la vérification des utilisateurs. Un type courant de code de vérification est le code de vérification d'image, qui génère une image contenant des caractères aléatoires et oblige l'utilisateur à saisir les caractères corrects avant de continuer. Cet article explique comment utiliser PHP pour générer des codes de vérification d'image actualisables et fournit des exemples de code spécifiques. Étape 1 : Créer une image de code de vérification Tout d'abord, nous devons créer une image de code de vérification
Ne craignez plus d'être arrêté par votre patron pour une petite réunion avant de quitter le travail. L'assistant IA vous aidera à générer automatiquement des procès-verbaux de réunion.
Sep 04, 2023 pm 11:21 PM
iFlytek a mis à niveau la fonction de procès-verbal de réunion, qui peut directement convertir les expressions orales en brouillons écrits, et l'IA peut résumer les procès-verbaux de réunion en fonction des enregistrements. L'IA peut vous aider à terminer la rédaction des procès-verbaux de réunion. Le 31 août, la version Web d'iFlytek a été mise à niveau, ajoutant une fonction d'enregistrement en temps réel côté PC, qui peut utiliser l'intelligence artificielle pour générer intelligemment des procès-verbaux de réunion. Le lancement de cette fonction améliorera considérablement l'efficacité des utilisateurs dans l'organisation du contenu et le suivi des éléments de travail clés après les réunions. Pour les personnes qui assistent souvent à des réunions, cette fonction est sans aucun doute un outil très pratique qui peut économiser beaucoup de temps et d'énergie. Le scénario d'application de cette fonction consiste principalement à convertir les enregistrements sur le PC en texte et à générer automatiquement des procès-verbaux de réunion, dans le but de fournir. utilisateurs avec la meilleure qualité des produits avec d'excellents services et la technologie la plus avancée pour améliorer rapidement l'efficacité du bureau.
Comment générer du langage naturel de base à l'aide de PHP
Jun 22, 2023 am 11:05 AM
La génération de langage naturel est une technologie d'intelligence artificielle qui convertit les données en texte en langage naturel. À l’ère actuelle du Big Data, de plus en plus d’entreprises ont besoin de visualiser ou de présenter des données aux utilisateurs, et la génération de langage naturel est une méthode très efficace. PHP est un langage de script côté serveur très populaire qui peut être utilisé pour développer des applications Web. Cet article présentera brièvement comment utiliser PHP pour la génération de base de langage naturel. Présentation de la bibliothèque de génération de langage naturel La bibliothèque de fonctions fournie avec PHP n'inclut pas les fonctions requises pour la génération de langage naturel, donc
Générer un graphique gaufré en utilisant pyWaffle en Python
Aug 17, 2023 am 11:49 AM
La visualisation des données est essentielle pour une compréhension et une présentation efficaces des informations. Parmi les nombreux types de graphiques disponibles, les graphiques gaufrés constituent une nouvelle manière d'afficher des données dans une structure en forme de grille avec des tuiles carrées. Le puissant module Python PyWaffle facilite le développement de graphiques gaufrés, similaires à de nombreuses méthodes de calcul et d'analyse de données. Dans cet article, nous verrons comment créer un graphique gaufré à l'aide du module Python sophistiqué PyWaffle. Installons PyWafle et voyons comment l'utiliser pour visualiser des données catégorielles. Exécutez la commande suivante dans votre cmd pour installer la bibliothèque, puis importez-la dans votre code. La traduction chinoise de pipinstallpywaffleExample1 est : Exemple 1 Dans cet exemple, nous
Comment générer un code QR avec limite de temps en utilisant PHP ?
Aug 26, 2023 pm 04:34 PM
Comment générer un code QR avec limite de temps en utilisant PHP ? Avec la popularité des paiements mobiles et des billets électroniques, les codes QR sont devenus une technologie courante. Dans de nombreux scénarios, nous pouvons avoir besoin de générer un code QR avec une limite de temps, qui deviendra invalide même après un certain temps. Cet article explique comment utiliser PHP pour générer un code QR à durée limitée et fournit des exemples de code à titre de référence. Installation de la bibliothèque PHPQRCode Pour utiliser PHP pour générer des codes QR, nous devons d'abord installer la bibliothèque PHPQRCode. Cette bibliothèque
Que faire si le répertoire de mots est généré de manière incorrecte
Feb 20, 2024 am 08:08 AM
Que faire si la table des matières Word est générée de manière incorrecte Avec le développement de la technologie, les documents électroniques sont devenus un élément indispensable de notre travail et de nos études quotidiens. Lors de l'édition de documents électroniques, notamment d'articles ou de documents longs, la génération d'une table des matières est une étape très importante. La table des matières peut permettre aux lecteurs de trouver plus facilement le contenu et la structure de l'article et d'améliorer l'efficacité de la lecture. Cependant, nous rencontrons parfois des problèmes lors du processus de génération du catalogue, tels que des erreurs de génération de catalogue, un ordre désordonné, etc. Alors, si le répertoire de mots est généré de manière incorrecte, comment devons-nous le résoudre ? tête
Analyse approfondie du rôle et de l'utilisation du mot-clé static en langage C
Feb 20, 2024 pm 04:30 PM
Analyse approfondie du rôle et de l'utilisation du mot-clé static en langage C. En langage C, static est un mot-clé très important, qui peut être utilisé dans la définition de fonctions, de variables et de types de données. L'utilisation du mot-clé static peut modifier les attributs de lien, la portée et le cycle de vie de l'objet. Analysons en détail le rôle et l'utilisation du mot-clé static en langage C. Variables et fonctions statiques : les variables définies à l'aide du mot-clé static à l'intérieur d'une fonction sont appelées variables statiques et ont un cycle de vie global.
