Загрузка vuepress web app - Загрузка исходного кода vuepress web app

vuepress web app

Данные веб-сайта

1.0.0

Скачать

Джингцинг Сюань Вилла

Веб -приложение, построенное с Vuepress: https://nice.lovejade.cn

Цели и философия

Первоначальное намерение виллы Jingqingxuan состояло в том, чтобы испытать VuePress : Vue-управляемый статический генератор веб-сайтов. Vuepress состоит из двух частей: одна представляет собой минималистский статический генератор веб -сайтов, который поддерживает разработку тем с помощью Vue , а другая - тема по умолчанию, оптимизированную для написания технических документов. Первоначально он был создан для поддержки требований к документации Vue и его подпроектов.

Каждая страница, сгенерированная VuePress , поставляется с предварительно Рендер-HTML, который также обладает очень хорошей производительности загрузки и поисковой оптимизации ( SEO ). В то же время, как только страница будет загружена, VUE возьмет на себя статический контент и преобразует его в полное одностраничное приложение ( SPA ), а другие страницы будут загружены только по требованию только при поиске пользователя. Кроме того, он также имеет следующие отличные функции встроенных функций:

Встроенное удлинитель, оптимизированное для технической документации
Возможность использовать компоненты VUE в файлах уценки
Vue-управляемая индивидуальная тематическая система
Автоматически генерировать обслуживающего работника
Интеграция Google Analytics
Многоязычная поддержка
Тема по умолчанию включает в себя:
- Отзывчивый макет
- Дополнительная домашняя страница
- Краткий поиск за название
- Алголия Поиск
- Настраиваемые навигационные бары и боковой панели
- Автоматически сгенерированные ссылки GitHub и редактировать ссылки для страниц

По сравнению с Nuxt , Hexo , Jekyll , Docsify , GitBook и другими инструментами, VuePress имеет огромные преимущества в разных направлениях и все еще развивается и обновляет; Если у вас есть необходимость создавать личные блоги и технические документы, то VuePress станет отличным выбором.

Дополнительные функции

Добавить функцию комментариев на основе Github Issue (эквивалентно встроенным Gitalk ); Просто измените конфигурацию поля comment в файле .vuepress/hemeconfig.js ; См. Параметры Gitalk для конкретного значения поля;
Существует зависимость element-ui для облегчения написания обще используемых компонентов; В этом проекте, в дополнение к компоненту комментариев, есть также Advertisement , ArticleList , Contact и т. Д.;
Введите prettier , lint-staged , husky и другие зависимости, чтобы написать более «стандартную» отметки; Введите его в Git Hooks, чтобы убедиться, что ваша база кода имеет постоянный стиль; Даже если вы работаете с командой, чтобы написать, вам не нужно беспокоиться о проблеме Unified Style!

Как использовать

Вы можете Fork проекте в своем собственном хранилище кода и запустить следующую команду:

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

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

Измените «Пользовательское доменное имя» и «Путь репозитория» в файле deploy.sh , запустите следующую команду для достижения развертывания (по умолчанию публикации на github pages ; если вы не используете пользовательское доменное имя, просто прокомментируйте строку.