Новое поколение современной многофункциональной горизонтальной системы блогов в компьютерном стиле, основанной на Nextjs.
// Современная универсальная горизонтальная система блогов следующего поколения — на базе Nextjs //.
Предварительный просмотр: блог RavelloH
Благодаря переработанной структуре темы, тема теперь находится на пике производительности, получив высший балл 400/400 в тесте Google PageSpeed Insights. Результаты испытаний
На практике RTheme использует Web Worker для асинхронной обработки задач с высокой нагрузкой, асинхронной загрузки/выполнения рендеринга и предотвращения блокировки активной предварительной загрузки страницы, а также уменьшает задержку загрузки страницы; В ходе комплексного обновления версии v3 тема была преобразована в одностраничное приложение, а в сочетании с плавным переходом контента значительно улучшилась плавность использования.
RTheme использует действия Github для автоматического развертывания в облаке. Он может автоматически выполнять обновления индекса, автоматические обновления подписки, обновления карт сайта, рекомендации по обходу статей и другие функции без локального вмешательства.
Кроме того, RTheme оптимизировал собственную структуру, благодаря чему писать статьи стало очень просто — вам нужно только понимать синтаксис HTML. Вы также можете редактировать с помощью Markdown. После этого его компоненты будут автоматически и автоматически добавляться при рендеринге.
В теме используется адаптивный дизайн, а основные элементы используют гибкую/сетчатую компоновку, которая хорошо работает на экранах всех размеров.
Тема имеет богатые функции, встроенные настройки/обмен/воспроизведение музыки в Интернете/проверку скорости на нескольких сайтах/автоматический поиск по всему сайту/настраиваемую сортировку статей/автоматическую индексацию тегов и категорий статей/карту сайта/автоматическую генерацию RSS/Atom. /автоматическая рекомендация статей/встроенные расширенные загрузки. Он имеет ряд функций, таких как сервер/активная предварительная загрузка/интерфейс входа пользователя/API скриншотов внешних ссылок и т. д., создавая идеальную структуру тем для компьютерных фанатов.
За исключением loading.js
, который используется для управления начальной загрузкой, остальные скрипты темы оборачивают каждую функцию в функцию, чтобы обеспечить ее повторное использование и избежать зависимости от загрузки вне порядка.
Это делает вторичную разработку очень простой, и вы можете напрямую повторно использовать функции в рамках темы.
Тема автоматически генерирует sitemap
в двух форматах на основе содержимого страницы для оптимизации сканирования поисковыми системами.
Тема глубоко интегрирована с устойчиво интегрированным RPageSearch, что обеспечивает расширенные возможности поиска по всему сайту для статических сайтов. Подробности см. в RavelloH/RPageSearch. Высокая производительность/поиск в реальном времени/поддержка обычного синтаксиса/асинхронный/веб-работник/автоматическое непрерывное построение/расширяемый формат данных, обеспечивающий богатые функции поиска.
Тема автоматически генерирует информацию о подписке в трех форматах: RSS
, Atom
и JSON Feed
на основе содержимого страницы.
Изначально тема поддерживается Chrome 58 (19 апреля 2017 г.), Firefox 52 (7 марта 2017 г.), Opera 45 (10 мая 2017 г.) и Safari, что обеспечивает гарантии совместимости.
Примечание. IE мертв и не поддерживается.
Тема использует технологию PJAX для загрузки страниц и добавляет анимацию перехода между переключателями загрузки страниц.
Кроме того, тема также будет обновлять индикатор выполнения в левом нижнем углу при загрузке страницы, чтобы отображать различные сценарии, такие как загрузка/тайм-аут загрузки/завершение загрузки/сбой загрузки.
Тема имеет встроенный музыкальный проигрыватель, который поддерживает такие функции, как воспроизведение/переключение/прыжок/цикл, и его можно искать в Интернете для использования онлайн-ресурсов.
Он также поддерживает добавление музыкального проигрывателя внутри статьи для вызова проигрывателя темы для воспроизведения.
Тема имеет встроенную функцию плавного переключения элементов switchElementContext()
обеспечивающую плавное и естественное переключение элементов.
Размер тела темы составляет менее 600 КБ и не имеет какой-либо структуры, что обеспечивает высокую скорость загрузки.
Тема использует код highlight.js
для выделения и использует Web Worker для параллельной загрузки, чтобы предотвратить блокировку страницы.
Тема может автоматически индексировать статьи с соответствующими тегами/категориями на основе информации о статье без вмешательства.
Пакет языковых файлов темы представляет собой отдельный файл. Вы можете изменить шаблон в соответствии со своими потребностями, а также реализовать его интернационализацию.
Темы можно настроить различными способами для обеспечения персонализированного опыта.
Элементы настроек сохраняются с помощью файлов cookie и могут быть быстро созданы с помощью списков для обеспечения простоты использования.
Тема может автоматически генерировать оглавление на основе заголовков статьи и выделять элементы для чтения, чтобы улучшить качество чтения.
Предыдущая/следующая статья автоматически рекомендуется в конце статьи, ручная настройка не требуется. Эффект смотрите на картинке выше.
В теме есть встроенный загрузчик, который улучшает общее впечатление. Вы можете использовать его в своих статьях.
Подробнее#box下载box
Вы можете напрямую использовать развертывание Vercle или использовать VPS и другие методы развертывания.
См. https://ravelloh.top/posts/rtheev4-deployment-complete-guide.
Улучшения/исправления/расширение функциональности темы приветствуются. Вы можете просмотреть изменения локально, используя nodejs.
git clone https://github.com/RavelloH/RTheme
cd RTheme
pnpm install
pnpm dev
Массачусетский технологический институт