vuepress web app Download - vuepress web app Source Code Download

vuepress web app

Website-Daten

1.0.0

Herunterladen

Jingqing Xuan Villa

Webanwendung mit VuePress: https://nice.lovejade.cn

Ziele und Philosophie

Die ursprüngliche Absicht der Jingqingxuan Villa war es, VuePress : Vue-gesteuerte statische Website-Generator zu erleben. VuePress besteht aus zwei Teilen: Einer ist ein minimalistischer statischer Website -Generator, der die Entwicklung von Themen mit Vue unterstützt, und das andere ist ein Standardthema, das für das Schreiben technischer Dokumente optimiert ist. Es wurde ursprünglich erstellt, um die Dokumentationsanforderungen von Vue und seinen Unterprojekten zu unterstützen.

Jede von VuePress erzeugte Seite wird mit vorgezogenem HTML ausgestattet, das auch eine sehr gute Ladeleistung und Suchmaschinenoptimierung ( SEO ) aufweist. Gleichzeitig übernimmt VUE den statischen Inhalt, wenn die Seite geladen ist, den statischen Inhalt und konvertiert sie in eine vollständige einseitige Anwendung ( SPA ), und andere Seiten werden nur auf Anfrage geladen, wenn der Benutzer durchsucht. Darüber hinaus verfügt es auch über die folgenden hervorragenden Funktionen integriert:

Integrierte Markdown-Erweiterung optimiert für technische Dokumentation
Die Möglichkeit, VUE -Komponenten in Markdown -Dateien zu verwenden
Vue-gesteuerte benutzerdefinierte Themensystem
Automatisch Servicearbeiter generieren
Integration von Google Analytics
Mehrsprachige Unterstützung
Das Standardthema enthält:
- Responsive Layout
- Optionale Homepage
- Präzise Out-of-the-Box-Titelsuche
- Algoliensuche
- Anpassbare Navigationsstangen und Seitenleisten
- Automatisch generierte GitHub -Links und bearbeiten Links für Seiten

Im Vergleich zu Nuxt , Hexo , Jekyll , Docsify , GitBook und anderen Tools hat VuePress enorme Vorteile in unterschiedliche Richtungen und entwickelt und aktualisiert und aktualisiert. Wenn Sie persönliche Blogs und technische Dokumente erstellen müssen, ist VuePress eine gute Wahl.

Zusätzliche Funktionen

Kommentarfunktion basierend auf Github Issue (gleichwertig mit integriertem Gitalk ); Ändern Sie einfach die Konfiguration des comment in der Datei .vuePress/themeconfig.js ; Siehe Gitalk -Optionen für die spezifische Feldbedeutung.
Es gibt element-ui Abhängigkeit, um das Schreiben häufig verwendete Komponenten zu erleichtern. In diesem Projekt gibt es zusätzlich zur Kommentarkomponente auch Advertisement , ArticleList , Contact usw.;
Einführen Sie prettier , lint-staged , husky und andere Abhängigkeiten, um mehr "Standard" -Markdown zu schreiben; Injizieren Sie es in Git -Hooks, um sicherzustellen, dass Ihre Codebasis einen konsistenten Stil hat. Selbst wenn Sie mit einem Team zum Schreiben zusammenarbeiten, müssen Sie sich keine Sorgen um das Problem eines einheitlichen Stils machen!

Wie man benutzt

Sie können das Projekt in Ihr eigenes Code -Repository Fork und den folgenden Befehl ausführen:

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

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

Ändern Sie den "benutzerdefinierten Domänennamen" und den "Repository -Pfad" in der Datei deploy.sh . Führen Sie den folgenden Befehl aus, um die Bereitstellung zu erreichen (standardmäßig Veröffentlichung zu github pages ; Wenn Sie den benutzerdefinierten Domain -Namen vorläufig nicht verwenden, kommentieren Sie einfach die Zeile.