bubble/devthread.ru
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/devthread.ru.git synced 2026-10-11 02:09:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

styles

Browse Source
This commit is contained in:
Sergey Yarkov 2021-01-23 20:54:40 +03:00
parent c50c1aa675
commit ffa941b39c
3 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
content/articles/2021-01-23_управление-контентом-для-сайта-gatsbyjs-с-помощью-netlifycms.md
View File

@ -32,7 +32,6 @@ tags:
* [Основные преимущества использования Netlify CMS](#Основные-преимущества-использования-Netlify-CMS) * [Основные преимущества использования Netlify CMS](#Основные-преимущества-использования-Netlify-CMS)
* [Создание сайт-блога на основе GatsbyJS](#Создание-сайт-блога-на-основе-GatsbyJS) * [Создание сайт-блога на основе GatsbyJS](#Создание-сайт-блога-на-основе-GatsbyJS)
* [Заготовка проекта](#Заготовка-проекта) * [Заготовка проекта](#Заготовка-проекта)
* [Добавление страниц](#Добавление-страниц) * [Добавление страниц](#Добавление-страниц)
* [О файле gatsby-config.js](#О-файле-gatsby-config.js) * [О файле gatsby-config.js](#О-файле-gatsby-config.js)
@ -1015,7 +1014,7 @@ git push origin main
Создание GatsbyJS сайта вместе с NetlifyCMS оказалась не очень сложной задачей. NetlifyCMS отлично подойдет в роли не сложной админки для управления контентом на сайте. В статье не затронута такая вещь как [Publish mode](https://www.netlifycms.org/docs/configuration-options/#publish-mode), которая позволяет контролировать этапы публикации контента. Вы можете прочитать о ней самостоятельно. Создание GatsbyJS сайта вместе с NetlifyCMS оказалась не очень сложной задачей. NetlifyCMS отлично подойдет в роли не сложной админки для управления контентом на сайте. В статье не затронута такая вещь как [Publish mode](https://www.netlifycms.org/docs/configuration-options/#publish-mode), которая позволяет контролировать этапы публикации контента. Вы можете прочитать о ней самостоятельно.
🔗 Ниже распологаются полезные ссылки для изучения GatsbyJS и NetlifyCMS. 🔗 Ниже распологаются полезные ссылки:
* [Документция GatsbyJS](https://www.gatsbyjs.com/docs/) * [Документция GatsbyJS](https://www.gatsbyjs.com/docs/)
* [Документация NetlifyCMS](https://www.netlifycms.org/docs/intro/) * [Документация NetlifyCMS](https://www.netlifycms.org/docs/intro/)

2
gatsby-config.js
View File

@ -212,7 +212,7 @@ module.exports = {
{ {
resolve: `gatsby-remark-images`, resolve: `gatsby-remark-images`,
options: { options: {
maxWidth: 900, maxWidth: 970,
quality: 100, quality: 100,
withWebp: true, withWebp: true,
loading: "lazy", loading: "lazy",

13
src/styles/global.scss
View File

@ -107,15 +107,21 @@ article .gt-container {
& p img { & p img {
text-align: center; text-align: center;
border-radius: 7px; border-radius: 7px;
border: 1px solid #f0f0f0;
} }
& ul { & ul {
margin-left: 34px; margin-left: 34px;
margin-bottom: 15px; margin-bottom: 5px;
& li { & li {
padding: 7px 0; padding: 7px 0;
& p {
display: inline-block;
font-size: 16px;
position: relative;
right: 4px;
}
&::before { &::before {
content: "\2022"; content: "\2022";
color: #6394F7; color: #6394F7;
@ -327,6 +333,9 @@ article .gt-container {
} }
& .inner { & .inner {
border-bottom: 1px solid rgba(153, 153, 153, 0.2); border-bottom: 1px solid rgba(153, 153, 153, 0.2);
& p img {
border: 1px solid #505050;
}
.gatsby-highlight pre[class*="language-"] { .gatsby-highlight pre[class*="language-"] {
background: #282c34; background: #282c34;
& code { & code {