О сайте
Добро пожаловать в личный блог Aquamarine! Этот сайт создан на базе мощного фреймворка Astro Fuwari. На основе его превосходного оригинального дизайна мы провели ряд глубоких настроек и улучшений функциональности, стремясь создать более комплексную персонализированную базу знаний и платформу для презентаций.
✨ Основные улучшения
1. 🌐 Улучшенная поддержка интернационализации (I18n)
В сегодняшнем глобализированном мире кросс-языковое общение и обмен технологиями становятся все более важными. Я полностью переработал логику маршрутизации и рендеринга интернационализации на основе оригинала:
- Бесшовное переключение языков: Поддержка статей и документации с любыми языковыми путями. При переключении между различными языковыми версиями система автоматически и точно определит целевую версию текущей статьи.
- Умный механизм Fallback: Если перевод на целевой язык еще не готов, система автоматически и элегантно выполнит откат, отображая контент на основном языке с полезной подсказкой сверху, гарантируя, что читатели никогда не столкнутся с ошибкой отсутствия страницы.
- Гибкая структура каталогов: Устранено ограничение, при котором статьи должны были храниться на определенном уровне. Теперь вы можете свободно управлять своим Markdown-контентом в корневом каталоге или в любой папке, выделенной для конкретного языка.
2. 📚 Новая система документации (Docs)
Помимо обычных записей блога (Blog), которые сортируются по времени, на этом сайте также представлена совершенно новая система документации (Docs):
- Многоуровневая древовидная навигация: Автоматически генерирует древовидный каталог на основе структуры папок в боковой панели, что идеально подходит для написания серий руководств, системных технических заметок или сериализованного контента.
- Структурирование знаний: Идеально отделяет фрагментированные ежедневные блоги от систематизированных глубоких знаний, обеспечивая более сосредоточенный и захватывающий опыт чтения длинных технических документов.
- Полная многоязычная адаптация: Система Docs также полностью наследует глобальную маршрутизацию I18n и механизм отката.
3. 🎵 Глобальный фоновый музыкальный плеер (BGM)
Чтобы обеспечить атмосферное и захватывающее чтение, я добавил на сайт функцию глобального воспроизведения фоновой музыки:
- Непрерывное воспроизведение: Благодаря механизму плавной маршрутизации одностраничного приложения (SPA) на базе Swup фоновая музыка не будет прерываться независимо от того, как вы перемещаетесь между статьями, категориями или страницами тегов.
- Персонализированная настройка: В будущем планируется поддержка большего количества пользовательских плейлистов, чтобы музыка сопровождала время чтения каждого посетителя.
4. 📱 Адаптация оглавления (TOC) для мобильных устройств
Для длинных статей и документации боковое оглавление (TOC) является ключом к улучшению качества чтения. В ответ на возможные неудобства оригинальной версии на мобильных устройствах мы провели специальную оптимизацию:
- Плавающее оглавление на мобильных устройствах: На небольших экранах, таких как телефоны или планшеты, оглавление статьи автоматически сворачивается и превращается в элегантную плавающую кнопку.
- Доступ в один клик: Читая длинные тексты, посетители могут в любой момент вызвать оглавление и быстро перейти к интересующей главе, не пролистывая длинные страницы взад и вперед, что значительно повышает эффективность чтения для пользователей мобильных устройств.
5. 🗂️ Раздельная система архивов для Блога и Документации
Чтобы сделать поиск контента более четким и интуитивно понятным, мы переработали и расширили страницу Архива (Archive):
- Независимые временные шкалы: Для статей Блога и документов Docs созданы отдельные страницы архивов, которые не мешают друг другу.
- Четкая организация контента: Будь то обзор прошлых эссе или поиск системных руководств за определенный период — всё наглядно представлено на соответствующих страницах архивов.
6. 🤝 Система дружеских ссылок
Встречи в сети — это судьба. Я добавил красивую страницу дружеских ссылок (Friends):
- Эксклюзивные карточки ссылок: Используются унифицированные UI-карточки для красивого и элегантного отображения аватаров, ников, подписей и URL-адресов друзей-блогеров.
- Простое расширение и взаимодействие: Поддерживает классификацию дружеских ссылок, что не только делает сайт более человечным, но и способствует взаимному общению.
🚀 Открытый исходный код и адрес проекта
Делиться радостью — лучше, чем радоваться в одиночку. Все кастомные коды и новые функции этого блога находятся в открытом доступе на GitHub. Если вам также нравятся эти расширенные функции или вы хотите на их основе создать свой собственный супермощный многоязычный личный сайт, приглашаю вас посетить и поставить звезду моему репозиторию:
🙏 Благодарности и заявление об авторских правах
Базовый UI-фреймворк и основная концепция:
- Astro Fuwari by saicaca
Источники фоновых изображений/иллюстраций, используемых в демоверсии сайта и конфигурации по умолчанию: