Descargar vuepress web app - Descargar el código fuente vuepress web app

vuepress web app

Datos del sitio web

1.0.0

Descargar

Jingqing Xuan Villa

Aplicación web construida con VuePress: https://nice.lovejade.cn

Objetivos y filosofía

La intención original de Jingqingxuan Villa era experimentar VuePress : Generador de sitios web estáticos dirigidos por Vue. VuePress consta de dos partes: uno es un generador de sitios web estáticos minimalistas que respalda el desarrollo de temas con Vue , y el otro es un tema predeterminado optimizado para escribir documentos técnicos. Se creó originalmente para respaldar los requisitos de documentación de Vue y sus subproyectos.

Cada página generada por VuePress viene con HTML pre-renderizado, que también tiene un rendimiento de carga y optimización de motor de búsqueda ( SEO ). Al mismo tiempo, una vez que se cargue la página, Vue se hará cargo del contenido estático y lo convertirá en una aplicación completa de una sola página ( SPA ), y otras páginas solo se cargarán a pedido cuando el usuario busque. Además, también tiene las siguientes excelentes características incorporadas:

Extensión de Markdown incorporada optimizada para documentación técnica
La capacidad de usar componentes VUE en archivos de Markdown
Sistema de tema personalizado impulsado por Vue
Generar automáticamente el trabajador de servicios
Integración de Google Analytics
Soporte multilingüe
El tema predeterminado incluye:
- Diseño receptivo
- Página de inicio opcional
- Búsqueda de título concisa de listón fuera de la caja
- Búsqueda de algolia
- Barras de navegación personalizables y barras laterales
- Enlaces GitHub generados automáticamente y editar enlaces para páginas

En comparación con Nuxt , Hexo , Jekyll , Docsify , GitBook y otras herramientas, VuePress tiene grandes ventajas en diferentes direcciones y todavía se está desarrollando y actualizando; Si tiene la necesidad de crear blogs personales y documentos técnicos, entonces VuePress será una gran opción.

Características adicionales

Agregar función de comentarios basada en Github Issue (equivalente a Gitalk incorporado); Simplemente modifique la configuración del campo comment en el archivo .vuePress/themeconfig.js ; Consulte las opciones de Gitalk para el significado de campo específico;
Existe element-ui para facilitar la escritura de componentes comúnmente utilizados; En este proyecto, además del componente de comentarios, también hay Advertisement , ArticleList , Contact , etc.;
Introducir dependencias prettier , lint-staged , husky y otras para escribir más markdown 'estándar'; inyectarlo en gits Git para asegurarse de que su base de código tenga un estilo consistente; ¡Incluso si está trabajando con un equipo para escribir, no tiene que preocuparse por el tema del estilo unificado!

Cómo usar

Puede Fork el proyecto a su propio repositorio de código y ejecutar el siguiente comando:

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

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

Modifique el "nombre de dominio personalizado" y la "ruta del repositorio" en el archivo deploy.sh , ejecute el siguiente comando para lograr la implementación (de manera predeterminada, publicando en github pages ; si no usa el nombre de dominio personalizado por el momento, solo comente la línea.