{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Shamil Kh.: заметки с тегом главная",
    "_rss_description": "Блог Shamil Kh. о личных наблюдениях, опыте и жизни в целом",
    "_rss_language": "ru",
    "_itunes_email": "info@daglex.ru",
    "_itunes_categories_xml": "",
    "_itunes_image": "https:\/\/daglex.ru\/blog\/pictures\/userpic\/userpic-square@2x.jpg?1793034769",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/daglex.ru\/blog\/tags\/glavnaya\/",
    "feed_url": "https:\/\/daglex.ru\/blog\/tags\/glavnaya\/json\/",
    "icon": "https:\/\/daglex.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1793034769",
    "authors": [
        {
            "name": "daglex",
            "url": "https:\/\/daglex.ru\/blog\/",
            "avatar": "https:\/\/daglex.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1793034769"
        }
    ],
    "items": [
        {
            "id": "227",
            "url": "https:\/\/daglex.ru\/blog\/all\/hotel-pomenyat-kartinku-a-pochinil-pochtu\/",
            "title": "Хотел поменять картинку, а починил почту",
            "content_html": "<p>Всё началось с простой мысли: главная картинка на <a href=\"https:\/\/daglex.ru\">daglex.ru<\/a> мне надоела, хотелось что-то своё, про то, что написано в тексте «о себе». За два вечера замена одной картинки превратилась в большую уборку: новая шапка, единый стиль, переделанная форма вопросов, порядок на сервере и, самое неожиданное, починенная почта, которая годами работала через раз.<br \/>\nРасскажу по порядку, что и зачем поменялось.<\/p>\n<h2>Новая шапка: от очевидного к вопросу<\/h2>\n<p>Раньше в шапке стояла фотография: красивая, но не про меня. И текст на ней читался не везде одинаково хорошо.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/01-bylo.png\" width=\"1440\" height=\"467\" alt=\"\" \/>\n<\/div>\n<p>В тексте «о себе» я пишу, что мне интересно всё между очевидным и непонятным и что интересный вопрос лучше банального ответа. Это и стало идеей новой картинки. Слева ровная золотая линия с делениями, как у линейки, на фоне аккуратной сетки: это очевидное. Потом линия делает петлю, уходит в звёздное «непонятное» и становится вопросительным знаком. А точка под ним нарисована как диафрагма объектива, в честь фотографии.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/02-stalo.png\" width=\"1440\" height=\"467\" alt=\"\" \/>\n<\/div>\n<p>Картинка сделана в формате SVG, поэтому остаётся чёткой на любом экране и весит всего 40 Кб вместо 355 Кб у старой фотографии. Композиция сдвинута вправо, чтобы линия не пересекала текст. На телефонах, где для неё нет места, показывается спокойный звёздный фон без вопросительного знака.<\/p>\n<h2>Единый стиль: золото вместо синего<\/h2>\n<p>Новая шапка задала тон: тёплый графит и золотая линия. А остальная страница жила в старой гамме с ярко-синими кнопками и ссылками, и они спорили с картинкой. Поэтому я прошёлся по всей главной:<\/p>\n<ul>\n<li>Кнопка «Подписаться» стала золотой, в цвет линии.<\/li>\n<li>Ссылки на белом фоне окрашены в тёмную охру. Названия заметок и теги при наведении тоже загораются охрой, а не сереют, как раньше.<\/li>\n<li>Заголовок «Мои жизненные принципы» стал светлее и наконец читается, а над каждым принципом появился короткий золотой штрих, как деление на линейке.<\/li>\n<li>Случайные цвета убраны. Одна разделительная линия, например, была тёмно-зелёной, единственной зелёной на всём сайте.<\/li>\n<li>Конвертик у «Задать мне вопрос» и стрелка у «Читать другие заметки» нарисованы заново в новых цветах.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/03-principy.png\" width=\"1440\" height=\"308\" alt=\"\" \/>\n<\/div>\n<h2>Страница «Задать мне вопрос»<\/h2>\n<p>Форма для вопросов жила в совсем другом оформлении, потому что брала стили из темы блога. Теперь у неё та же шапка и меню, что и на главной, тёмный фон и та же линия с вопросительным знаком внизу. Для страницы вопросов лучшего символа не придумаешь.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/04-vopros.png\" width=\"1440\" height=\"860\" alt=\"\" \/>\n<\/div>\n<p>Поля ввода при наборе загораются золотой рамкой, а неверный адрес почты подсвечивается красным. Заодно нашлась ошибка, которая жила там годами: если человек заполнял почту последней, кнопка «Отправить» так и оставалась серой. Исправлена и настройка масштаба для телефонов, так что теперь формой удобно пользоваться и с мобильного.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/05-vopros-telefon.png\" width=\"780\" height=\"1520\" alt=\"\" \/>\n<\/div>\n<h2>Картинка для соцсетей<\/h2>\n<p>Раньше, когда кто-то делился ссылкой на daglex.ru в Telegram или ВКонтакте, красивой карточки не появлялось: в коде стояла заглушка. Теперь там своя картинка в том же стиле, что и шапка.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/06-prevyu.png\" width=\"1200\" height=\"630\" alt=\"\" \/>\n<\/div>\n<h2>Порядок на сервере<\/h2>\n<p>За годы на сервере накопилось много лишнего. Оформление главной лежало в папке с непонятным именем themes\/newblog, хотя к блогу оно отношения не имело. Из шести файлов стилей работали два, а из 67 файлов всего реально использовались 16.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/07-server-bylo.png\" width=\"1400\" height=\"580\" alt=\"\" \/>\n<\/div>\n<p>Теперь всё оформление главной лежит в одной папке site с понятными именами файлов и памяткой внутри. В корне сайта остались только страницы, служебные файлы и три папки: site, blog и world. Переезд сделан аккуратно: сначала копия, проверка и только потом удаление старого, так что сайт ни на минуту не ломался.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/08-struktura.png\" width=\"1200\" height=\"570\" alt=\"\" \/>\n<\/div>\n<h2>Главная стала быстрее<\/h2>\n<p>Список последних заметок на главной берётся из блога. Раньше для этого страница при каждом открытии делала 13 запросов к блогу и только потом начинала отображаться. Теперь готовый список сохраняется в файл и обновляется раз в 15 минут. А если блог вдруг не ответит, главная не упадёт, а покажет последний сохранённый список.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/09-skorost.png\" width=\"1200\" height=\"373\" alt=\"\" \/>\n<\/div>\n<h2>Почта, которая работала через раз<\/h2>\n<p>Самое неожиданное открытие случилось с формой вопросов. Письма с неё годами приходили через раз: то сразу, то с опозданием, то никак. Когда мы заглянули в скрипт отправки, выяснилось два факта.<\/p>\n<p>Первый неприятный: через старую форму можно было рассылать спам от имени моего сервера кому угодно. Теперь адрес получателя задан внутри сервера и подменить его нельзя, всё написанное посетителем очищается, а для спам-роботов поставлена невидимая ловушка.<br \/>\nВторой объяснил пропажу писем. Сервер отправлял их «от daglex.ru», но нигде не было записано, что он на это имеет право. Для Яндекса и Gmail такое письмо выглядит как подделка, и они вполне законно его выбрасывали. Теперь форма отправляет письма через настоящий почтовый ящик в Яндекс 360, как обычная почтовая программа, и письма приходят сразу. А чтобы ответить человеку, достаточно нажать «Ответить».<\/p>\n<p>Паспорт для домена: SPF, DKIM и DMARC<br \/>\nОказалось, что у домена daglex.ru не было ни одной записи, подтверждающей подлинность писем. Теперь их три, и каждая делает своё:<\/p>\n<ol start=\"1\">\n<li>SPF — список доверенных курьеров: кто имеет право отправлять письма от daglex.ru.<\/li>\n<li>DKIM — цифровая печать на каждом письме: по ней получатель видит, что письмо настоящее и по дороге не менялось.<\/li>\n<li>DMARC — инструкция почтовикам, что делать с письмом, не прошедшим проверку.<br \/>\nЗаписи добавляются в DNS домена, а проверить их можно прямо из Терминала на Mac.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/10-dns.png\" width=\"1200\" height=\"499\" alt=\"\" \/>\n<\/div>\n<p>Яндекс 360 подтвердил, что подпись работает.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/11-dkim.png\" width=\"1400\" height=\"620\" alt=\"\" \/>\n<\/div>\n<p>И финальная проверка на mail-tester.com: 10 из 10. Ещё накануне мои письма терялись, а теперь домен проходит все проверки подлинности.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/daglex.ru\/blog\/pictures\/12-mail-tester.png\" width=\"1400\" height=\"787\" alt=\"\" \/>\n<\/div>\n<h2>Что в итоге:<\/h2>\n<p>Хотел поменять одну картинку, а в итоге сайт получил новую шапку и единый стиль, стал быстрее и аккуратнее внутри, а почта наконец работает как должна. Интересный вопрос и правда оказался лучше банального ответа: стоило спросить «а как тут всё устроено?», и нашлось много того, что давно просило внимания.<\/p>\n<p>Следующий на очереди раздел <a href=\"https:\/\/daglex.ru\/world\/\" class=\"nu\">«<u>Мир<\/u>»<\/a>: хочу, чтобы он стал частью одной системы вместе с блогом. Но это уже другая история.<\/p>\n",
            "summary": "Всё началось с простой мысли: главная картинка на daglex.ru мне надоела, хотелось что-то своё, про то, что написано в тексте «о себе»",
            "date_published": "2026-10-27T21:36:08+03:00",
            "date_modified": "2026-10-27T21:53:49+03:00",
            "tags": [
                "главная",
                "дизайн",
                "проект",
                "сайт"
            ],
            "image": "https:\/\/daglex.ru\/blog\/pictures\/01-bylo.png",
            "_date_published_rfc2822": "Tue, 27 Oct 2026 21:36:08 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "227",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/daglex.ru\/blog\/pictures\/01-bylo.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/02-stalo.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/03-principy.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/04-vopros.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/05-vopros-telefon.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/06-prevyu.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/07-server-bylo.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/08-struktura.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/09-skorost.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/10-dns.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/11-dkim.png",
                    "https:\/\/daglex.ru\/blog\/pictures\/12-mail-tester.png"
                ]
            }
        }
    ],
    "_e2_version": 4199,
    "_e2_ua_string": "Aegea 11.5 (v4199e)"
}