Введение в блог

Около 1 мин

Тема поддерживает функцию блога с vuepress-plugin-blog2 по умолчанию, и по умолчанию она отключена.

Если вам нужна функциональность блога, вы можете установить plugins.blog: true в параметрах темы, чтобы включить функциональность блога.

Введение

После включения функции блога тема позволяет настраивать категории, теги, будь то статья, появляется ли она на временной шкале, звездочки, липкие и другие функции через переднюю часть страницы.

Демо

Вот демонстрацияopen in new window для предварительного просмотра блогов, созданных с помощью vuepress-theme-hope.

Поддержка I18n

Тема добавляет поддержку i18n в систему блогов. Вы можете установить разные настройки блога для каждого языка, используя locales в настройках темы.

Если у вас несколько языков, список статей, временная шкала и т. д. для каждого языка останутся независимыми.

Тема предоставляет боковую панель с информацией о блоге. Боковая панель будет отображаться на странице, связанной с блогом (она будет отображаться справа на рабочем столе и убираться в боковую панель в мобильном представлении).

Вы можете управлять поведением отображения боковой панели на страницах, не связанных с блогом, с помощью blog.sidebarDisplay в параметрах темы. Необязательные значения: "mobile" | "none" | "always". По умолчанию используется "mobile", то есть когда вы посещаете страницы, не связанные с блогом, в мобильном представлении, вы также можете увидеть его на боковой панели.

Пагинация

Для списка статей на всех страницах мы отобразим компонент пагинации внизу. Вы можете использовать этот компонент для быстрого перехода к первой странице, последней странице и двум страницам до и после. Вы также можете ввести номер для перехода на указанную страницу.

Количество статей на странице по умолчанию равно 10, вы можете установить blog.articlePerPage в параметрах темы, чтобы переопределить это значение.

Ограничение

Горячее обновление отключено по умолчанию

Из соображений производительности горячие обновления не включены для данных, связанных с блогами, по умолчанию в devServer, т. е. если вы добавляете новые статьи или изменяете категории, время, теги, прикрепляемые, звездочки и т. д. существующих статей, связанные данные всего сайта не будет обновляться, пока вы не перезапустите сервер разработки.

Кроме того, поскольку информация блога будет записана в базовые данные VuePress, изменение этого файла приведет к перезапуску приложения, поэтому время чтения (включая информацию о количестве слов), которое чувствительно к содержимому Markdown, не будет действовать в devServer.

Если вы хотите, чтобы они вступили в силу или обновлялись в режиме реального времени, вам нужно установить hotReload: true и принять тот факт, что каждое изменение будет вызывать обновление страницы и некоторое время с белым экраном из-за интенсивной работы по пересчету.