Краткое руководство о том, как добавить Disqus в свой блог Gatsby.
С тех пор, как я возродил свой блог, я планировал добавить к нему своего рода дискуссионный форум. Я нашел Disqus как правильный выбор на данный момент, хотя я бы выбрал альтернативу с открытым исходным кодом, но после оценки других вариантов я в итоге добавил Disqus, просто чтобы опробовать бесплатную пробную версию на данный момент. Я мог бы даже сам вскоре создать альтернативу с открытым исходным кодом, если это не сработает для меня.
Прежде всего, вам понадобится учетная запись Disqus и регистрация сайта, чтобы вы могли получить к нему доступ через короткое имя. Краткое имя — это уникальный идентификатор, присвоенный сайту Disqus. Все комментарии, размещенные на сайте, снабжены коротким именем. Короткое имя указывает Disqus загружать только комментарии вашего сайта, а также настройки, указанные в вашей панели администратора Disqus.
- Зарегистрируйте свой сайт здесь
- Введите название сайта, которое будет использоваться в качестве ссылки
- Проверьте изображение ниже
Следующий шаг — открыть кодовую базу вашего приложения Gatsby и установить gatsby-plugin-disqus.
yarn add gatsby-plugin-disqus
Как только это будет сделано успешно, обновите файл gatsby-config.js, чтобы он содержал следующее
module.exports = {
plugins: [
{
resolve: `gatsby-plugin-disqus`,
options: {
shortname: `your-disqus-site-shortname`
}
},
]
}
Наконец, используйте следующий пример кода, чтобы изменить компонент блога и настроить Disquss по своему усмотрению.
Вот и все, ребята. Требуется около 10 минут, чтобы настроить и запустить простую платформу для дискуссий в вашем блоге Gatsby. Обращайтесь ко мне, если у вас возникнут какие-либо проблемы или сомнения.
Первоначально опубликовано на https://www.shauryakalia.com.
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord.