Téléchargement vuepress web app - Téléchargement du code source vuepress web app

vuepress web app

Données du site Web

1.0.0

Télécharger

Jingqing Xuan Villa

Application Web construite avec Vuepress: https://nice.lovejade.cn

Objectifs et philosophie

L'intention initiale de Jingqingxuan Villa était de découvrir VuePress : Générateur de sites Web statique axé sur Vue. Vuepress se compose de deux parties: l'une est un générateur de site Web statique minimaliste qui prend en charge le développement de thèmes avec Vue , et l'autre est un thème par défaut optimisé pour la rédaction de documents techniques. Il a été créé à l'origine pour soutenir les exigences de documentation de Vue et de ses sous-projets.

Chaque page générée par VuePress est livrée avec du HTML pré-rendu, qui a également de très bonnes performances de chargement et d'optimisation du moteur de recherche ( SEO ). Dans le même temps, une fois la page chargée, Vue reprendra le contenu statique et le convertira en une application complète d'une page ( SPA ), et d'autres pages ne seront chargées que lorsque l'utilisateur navigue. De plus, il a également les excellentes fonctionnalités suivantes intégrées:

Extension de marque intégrée optimisée pour la documentation technique
La possibilité d'utiliser les composants Vue dans les fichiers de marque
Système de thème personnalisé basé sur Vue
Générer automatiquement un employé de service
Intégration Google Analytics
Support multilingue
Le thème par défaut comprend:
- Disposition réactive
- Page d'accueil en option
- Recherche concise de titre prêt à l'emploi
- Recherche d'algolies
- Barres de navigation personnalisables et barres latérales
- Les liens GitHub générés automatiquement et modifier les liens pour les pages

Par rapport à Nuxt , Hexo , Jekyll , Docsify , GitBook et d'autres outils, VuePress présente d'énormes avantages dans différentes directions et se développe et se développe toujours; Si vous avez besoin de créer des blogs personnels et des documents techniques, alors VuePress sera un excellent choix.

Fonctionnalités supplémentaires

Ajouter une fonction de commentaire basée sur Github Issue (équivalent à Gitalk intégré); Modifiez simplement la configuration du champ comment dans le fichier .vuepress / themeConfig.js ; Voir les options de Gitalk pour la signification spécifique du champ;
Il existe element-ui pour faciliter l'écriture des composants couramment utilisés; Dans ce projet, en plus du composant de commentaires, il existe également Advertisement , ArticleList , Contact , etc.;
Présentez des dépendances prettier , lint-staged , husky et autres pour écrire plus de marque «standard»; Injectez-le dans les crochets GIT pour vous assurer que votre base de code a un style cohérent; Même si vous travaillez avec une équipe pour écrire, vous n'avez pas à vous soucier du problème du style unifié!

Comment utiliser

Vous pouvez Fork le projet vers votre propre référentiel de code et exécuter la commande suivante:

 # ? clone the project
https://github.com/nicejade/vuepress-web-app.git
cd vuepress-web-app

# ➕ install dependencies & start dev
yarn && yarn start

Modifiez le "nom de domaine personnalisé" et "chemin de référentiel" dans le fichier deploy.sh , exécutez la commande suivante pour obtenir le déploiement (par défaut, publiant les github pages ; si vous n'utilisez pas le nom de domaine personnalisé pour le moment, commentez simplement la ligne.