Создание органайзера блога с использованием файла. JSON

Question

Я использую генератор сайта stati c (Gatsby) для создания веб-сайта для блога, а на домашней странице я буду организовывать посты блога по типу (a, b, c, все). Для этого будет группа из 4 блоков с Javascript, которая изменяет нижеприведенный div для указателей на посты в блогах в зависимости от выбранного типа.

Моя борьба, как мне организовать эти данные? Мое первое предположение было SQL, но это для бэкэнда (это статичный сайт c, поэтому сервера нет). Я также мог бы использовать рекурсию для поиска в каждом сообщении блога по тегам json. Я дам каждому сообщению в блоге папку, содержащую файл. json с 4 метриками: ссылка на файл md, имя, тип (a, b, c) и количество полученных звездочек (это обзор сайта). Таким образом, в основном, когда я создаю новые посты в блоге, я заполняю один файл. json, который будет действовать как массив постов в блоге, каждый из которых содержит 4 метрики.

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

(Наилучший способ описать, как я хочу, чтобы сгенерированные указатели выглядели как Вот как отображаются члены команды: https://sosc.org.in/team

Answer 1

Поскольку вы используете Гэтсби, вы должны использовать сильные стороны Гэтсби. Я предлагаю отойти от JSON и использовать взамен разметка файлы и GraphQL. Таким образом, вы используете лучшие практики в экосистеме Gatsby.

Вы можете объединить четыре категории, определив их в переднем заголовке файлов разметки вашего блога.

Существует официальная документация по вашим спецификациям. c проблема прямо на странице проекта Gatsby: Добавление тегов и категорий к сообщениям в блоге

Определите ваш frontmatter в разметке вашего блога

---
title: "Category A!"
category: ["a"]
---

This is a category a post

Создайте шаблон файл и запрос GraphQL, как указано в документации .

Все готово. Вы категоризируете каждое сообщение в блоге прямо в разметке. Гэтсби создает для вас страницу и назначает правильную категорию.