Svelte hackathon

Svelte hackathon

  • #github
  • #opensource
  • #code

17.04.2023

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

Получился такой проект:

Многоязычный блог Svelte Markdown

Проект, участвующий в хакатоне Svelte, направлен на создание многоязычного блога на основе Markdown на базе Svelte, не требующего базы данных и отличающегося удобной организацией. Интуитивно понятная структура предполагает хранение постов в папке /static, разделенной в соответствии с их furl, где каждая папка содержит все соответствующие компоненты поста: текст на двух языках и изображения. Markdown каждого поста использует frontmatter для указания заголовка поста, даты создания, тегов, видимости и отображения на главной странице. Иллюстрация поста определяется автоматически, если имя файла совпадает с именем папки.

Блог дружественен к мобильным устройствам, с отзывчивым меню бургера. Посты на главной странице и внутри блога сортируются по дате. Поддерживаются теги для постов и простой автопостинг, позволяющий пользователям планировать посты на определенные даты. Кроме того, сайт оптимизирован для SEO, используя преимущества Server Site Generation (SSG).

Особенности

  • Многоязычный блог в формате Markdown
  • Не требуется база данных
  • Удобная организация с помощью структуры папок /static
  • Frontmatter для указания названия поста, даты создания, тегов, видимости и отображения на главной странице
  • Автоматическое определение иллюстраций постов на основе названия папки
  • Удобный для мобильных устройств отзывчивый дизайн с меню бургера
  • Посты сортируются по дате на главной странице и внутри блога
  • Поддержка тегов для постов
  • Простой автопостинг для планирования постов на определенные даты
  • SEO оптимизация с помощью Server Site Generation (SSG)
  • Поддержка смены темных и светлых тем
  • Простое управление контентом через github с любого устройства (при использовании Vercel или аналогичного CD/CI)
  • Два типа i18n: 1) на основе домена: site.com & site.kg, 2) на основе пути: site.org/en & site.org/kg

Расширенные возможности (требуется БД)

  • Голосование за и против поста (для этой функции вам действительно нужна БД, мы используем, например, Deta)
  • Комменты к постам

Супер продвинутые функции с ИИ (интеграция с chatGPT)

  • Очень быстрая базовая автоматическая модерация через chatGPT (в среднем 1-5 сек.). Позволяет отсечь грубое нарушение этики.
  • Длительное Расширенное обнаружение СПАМа (в среднем занимает 20-60 сек., для длительных фоновых задач нужен аккаунт Vercel Pro или аналогичный)

Ссылки

О проекте: https://igor.kg/blogflow-platform