download vuepress web app - download de código fonte vuepress web app

vuepress web app

Dados do site

1.0.0

Baixar

Jingqing Xuan Villa

Aplicativo da Web construído com Vuepress: https://nice.lovejade.cn

Objetivos e filosofia

A intenção original do Jingqingxuan Villa era experimentar o gerador de sites estático de VuePress : Vue. O Vuepress consiste em duas partes: uma é um gerador de sites estáticos minimalistas que suporta o desenvolvimento de temas com Vue , e o outro é um tema padrão otimizado para escrever documentos técnicos. Foi criado originalmente para apoiar os requisitos de documentação da Vue e seus subprojetos.

Cada página gerada pelo VuePress vem com HTML pré-renderizado, que também possui um bom desempenho de carregamento e otimização de mecanismos de pesquisa ( SEO ). Ao mesmo tempo, uma vez que a página for carregada, o Vue assumirá o conteúdo estático e a converterá em um aplicativo completo de página única ( SPA ) e outras páginas serão carregadas apenas sob demanda quando o usuário navegar. Além disso, ele também possui os seguintes excelentes recursos internos:

Extensão de Marydown embutida otimizada para documentação técnica
A capacidade de usar componentes VUE em arquivos de marcação
Sistema temático personalizado orientado a vue
Gerar automaticamente trabalhador de serviço
Integração do Google Analytics
Suporte multilíngue
O tema padrão inclui:
- Layout responsivo
- Página inicial opcional
- Pesquisa de títulos de fora da caixa concisa
- Pesquisa de Algolia
- Barras de navegação personalizáveis e barras laterais
- Links Github gerados automaticamente e links de edição para páginas

Comparado com Nuxt , Hexo , Jekyll , Docsify , GitBook e outras ferramentas, VuePress tem enormes vantagens em diferentes direções e ainda está desenvolvendo e atualizando; Se você tiver a necessidade de criar blogs pessoais e documentos técnicos, VuePress será uma ótima opção.

Recursos adicionais

Adicione a função de comentário com base no Github Issue (equivalente ao Gitalk integrado); Basta modificar a configuração do campo comment no arquivo .vuepress/themeConfig.js ; Consulte as opções do Gitalk para o significado de campo específico;
Existe element-ui para facilitar a escrita componentes comumente usados; Neste projeto, além do componente de comentários, também há Advertisement , ArticleList , Contact , etc.;
Introduzir dependências prettier , lint-staged , husky e outras para escrever mais marcação 'padrão'; Injete -o em ganchos git para garantir que sua base de código tenha um estilo consistente; Mesmo se você estiver trabalhando com uma equipe para escrever, não precisa se preocupar com a questão do estilo unificado!

Como usar

Você pode Fork o projeto ao seu próprio repositório de código e executar o seguinte comando:

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

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

Modifique o "Nome do domínio personalizado" e o "caminho do repositório" no arquivo deploy.sh , execute o seguinte comando para obter a implantação (por publicação padrão no github pages ; se você não usar o nome de domínio personalizado por enquanto, basta comentar a linha.