{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Антон Кошуба: заметки с тегом технодурка",
    "_rss_description": "Блог о тексте, редактуре и жизни",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/antonkoshuba.ru\/blog\/tags\/tehnodurka\/",
    "feed_url": "https:\/\/antonkoshuba.ru\/blog\/tags\/tehnodurka\/json\/",
    "icon": "https:\/\/antonkoshuba.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1695044749",
    "authors": [
        {
            "name": "Антон Кошуба",
            "url": "https:\/\/antonkoshuba.ru\/blog\/",
            "avatar": "https:\/\/antonkoshuba.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1695044749"
        }
    ],
    "items": [
        {
            "id": "29",
            "url": "https:\/\/antonkoshuba.ru\/blog\/all\/terminal\/",
            "title": "Шпаргалка. Базовые команды в терминале",
            "content_html": "<p>Если вдруг вас покусал айтишник или айтишница и вам срочно понадобились команды для работы в терминале, то вот они.<\/p>\n<p><h2>Навигация<\/h2><\/p>\n<ul>\n<li>pwd — покажи, в какой я папке;<\/li>\n<li>ls — покажи файлы и папки в текущей папке;<\/li>\n<li>ls -a — покажи также скрытые файлы и папки, названия которых начинаются с символа (.);<\/li>\n<li>cd имя_папки — перейди в папку;<\/li>\n<li>cd first-project\/html — перейди в папку `html`, которая находится в папке `first-project`;<\/li>\n<li>cd .. — перейди на уровень выше, в родительскую папку;<\/li>\n<li>cd ~ — перейди в домашнюю директорию (\/Users\/Username);<\/li>\n<li>cd \/ — перейди в корневую директорию.<\/li>\n<\/ul>\n<p><h2>Работа с файлами и папками<\/h2><\/p>\n<p><b>Создание<\/b><\/p>\n<ul>\n<li>touch index.html — создай файл `index.html` в текущей папке;<\/li>\n<li>touch index.html style.css script.js — если нужно создать сразу несколько файлов, можно напечатать их имена в одну строку через пробел;<\/li>\n<li>mkdir second-project — создай папку с именем `second-project` в текущей папке.<\/li>\n<\/ul>\n<p><b>Копирование и перемещение<\/b><\/p>\n<ul>\n<li>cp file.txt ~\/my-dir — скопируй файл в другое место;<\/li>\n<li>mv file.txt ~\/my-dir — перемести файл или папку в другое место.<\/li>\n<\/ul>\n<p><b>Чтение<\/b><\/p>\n<ul>\n<li>cat file.txt — распечатай содержимое текстового файла `file.txt`. Содержимое откроется прямо в терминале.<\/li>\n<\/ul>\n<p><b>Удаление<\/b><\/p>\n<ul>\n<li>rm about.html — удали файл `about.html`;<\/li>\n<li>rmdir images — удали папку `images`;<\/li>\n<li>rm -r second-project — удали папку `second-project` и всё, что она содержит.<\/li>\n<\/ul>\n<p><h2>Полезные возможности<\/h2><\/p>\n<ul>\n<li>Команды необязательно печатать и выполнять по очереди. Можно указать их списком — разделить двумя амперсандами (`&&`).<\/li>\n<li>У консоли есть собственная память — буфер с несколькими последними командами. По ним можно перемещаться с помощью клавиш со стрелками вверх (<b>`↑`<\/b>) и вниз (<b>`↓`<\/b>).<\/li>\n<li>Чтобы не вводить название файла или папки полностью, можно набрать первые символы имени и дважды нажать `Tab`. Если файл или папка есть в текущей директории, командная строка допишет путь сама.<\/li>\n<\/ul>\n",
            "date_published": "2024-08-07T13:23:21+05:00",
            "date_modified": "2024-10-20T08:07:22+05:00",
            "tags": [
                "технодурка"
            ],
            "image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/80.png.jpg",
            "_date_published_rfc2822": "Wed, 07 Aug 2024 13:23:21 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "29",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/80.png.jpg"
                ]
            }
        },
        {
            "id": "19",
            "url": "https:\/\/antonkoshuba.ru\/blog\/all\/egeya\/",
            "title": "Эгея. Оформляем шапку блога",
            "content_html": "<p>Разберем, как сделать навигационное меню в шапке блога.<\/p>\n<p><h2>Что за «Эгея» такая?<\/h2><\/p>\n<p>«Эгея» это движок блога. Его придумал Илья Бирман.<br \/>\nВот официальный сайт <a href=\"https:\/\/blogengine.ru\/\">https:\/\/blogengine.ru\/<\/a><\/p>\n<p>Прелесть этого движка в том, что он:<\/p>\n<ol start=\"1\">\n<li>Бесплатный. Но есть платные фичи<\/li>\n<li><a href=\"https:\/\/antonkoshuba.ru\/blog\/all\/install-egeya\/\">Легко устанавливается<\/a><\/li>\n<li>Не требует глубоких знаний в вебе<\/li>\n<\/ol>\n<p>Подробнее про «Эгею» можно посмотреть на ютубе <a href=\"https:\/\/youtu.be\/vrcXLs_PhVA?si=GQZNbf_k-Pas7vKv\">«Что делает движок блога „Эгея“ · Доклад, 2023»<\/a><\/p>\n<p><h2>Зачем в блоге меню?<\/h2><\/p>\n<p>Если коротко — для навигации.<\/p>\n<p>В шапке можно закрепить ссылки на разные теги, например, портфолио, фотографии, услуги, кейсы и что угодно еще. Или ссылку на сервис донатов, да, так тоже можно.<\/p>\n<p>Вот несколько примеров:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1248\" data-ratio=\"2.1742160278746\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga.png\" width=\"1248\" height=\"574\" alt=\"\" \/>\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/image.png\" width=\"1112\" height=\"478\" alt=\"\" \/>\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-1.png\" width=\"1080\" height=\"626\" alt=\"\" \/>\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-2.png\" width=\"1020\" height=\"440\" alt=\"\" \/>\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-3.png\" width=\"1070\" height=\"462\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>В таком виде шапка превращается в навигационное меню.<\/p>\n<p><h2>Как сделать?<\/h2><\/p>\n<p>Вот что нужно будет сделать:<\/p>\n<ol start=\"1\">\n<li>Выбрать нужные теги.<\/li>\n<li>Оформить ХТМЛ-код.<\/li>\n<li>Добавить код в настройки блога.<\/li>\n<\/ol>\n<p>У вас всё получится. А если не получится, напишите мне, и я сделаю так, чтобы всё получилось.<\/p>\n<p><h3>Выбираем теги<\/h3><\/p>\n<p>Для начала нужно определиться, какие теги добавить в шапку блога.<br \/>\nОбычно все теги можно найти по адресу:<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">https:\/\/ваш_домен\/blog\/tags\/<\/code><\/pre><p>У меня адрес выглядит так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.03.40.png.jpg\" width=\"2560\" height=\"2048\" alt=\"\" \/>\n<\/div>\n<p>Откройте страницы с нужными тегами. Нам понадобится их адрес.<br \/>\nПример:<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">https:\/\/antonkoshuba.ru\/blog\/tags\/redaktura\/<\/code><\/pre><div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.09.00.png.jpg\" width=\"2560\" height=\"2048\" alt=\"\" \/>\n<\/div>\n<p><h3>Оформляем ХТМЛ-код<\/h3><\/p>\n<p>Чтобы меню было кликабельным, используем тег<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;<\/code><\/pre><p>Пример:<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">&lt;a href=&quot;адрес ссылки на тег&quot;&gt;текст ссылки&lt;\/a&gt;<\/code><\/pre><p>Наведем немного красоты. Зададим высоту блока ссылок, кегль и интерлиньяж, добавим неразрывные пробелы.<\/p>\n<p>Вот мой пример:<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">&lt;nav style= &quot;height: 23.5px; font-size: 16px; line-height: 25.5px;&quot;&gt; &amp;nbsp; &lt;a href=&quot;https:\/\/antonkoshuba.ru\/blog\/tags\/redaktura\/&quot;&gt;Редактура&lt;\/a&gt; &amp;nbsp; &lt;a href=&quot;https:\/\/antonkoshuba.ru\/blog\/tags\/mir\/&quot;&gt;Мир&lt;\/a&gt; &amp;nbsp; &lt;a href=&quot;https:\/\/antonkoshuba.ru\/blog\/tags\/portfolio\/&quot;&gt;Портфолио&lt;\/a&gt;&lt;\/nav&gt;<\/code><\/pre><p>Можете скопировать его, только не забудьте заменить ссылки на свои.<\/p>\n<p><h3>Добавляем ХТМЛ-код в настройки<\/h3><\/p>\n<p>Нажмите на шестеренку:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.11.38.png.jpg\" width=\"2560\" height=\"2048\" alt=\"\" \/>\n<\/div>\n<p>Вставьте код из предыдущего шага в поле «Подзаголовок»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.13.26.png.jpg\" width=\"2560\" height=\"2048\" alt=\"\" \/>\n<\/div>\n<p>Нажмите «Сохранить изменения».<br \/>\nEnjoy<\/p>\n<p>Спасибо за вопрос <a href=\"https:\/\/t.me\/shrederrrrrrr\">Ольге Паньшиной<\/a><\/p>\n<p>Еще по теме<br \/>\n<a href=\"https:\/\/antonkoshuba.ru\/blog\/all\/install-egeya\/\">Как установить движок для блога Эгея<\/a><\/p>\n",
            "date_published": "2024-02-11T20:41:15+05:00",
            "date_modified": "2024-07-28T15:54:35+05:00",
            "tags": [
                "веб",
                "технодурка"
            ],
            "image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga.png",
            "_date_published_rfc2822": "Sun, 11 Feb 2024 20:41:15 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "19",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js",
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/image.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-1.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-2.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-3.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.03.40.png.jpg",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.09.00.png.jpg",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.11.38.png.jpg",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.13.26.png.jpg"
                ]
            }
        },
        {
            "id": "18",
            "url": "https:\/\/antonkoshuba.ru\/blog\/all\/pismo-v-html\/",
            "title": "Верстаем письмо в ХТМЛ",
            "content_html": "<p>Бывают ситуации, когда надо красиво и предсказуемо сверстать письмо. Например, ответное письмо при регистрации на вебинар или отклик на вакансию или небольшая рассылка, когда не нужны платные сервисы емаил рассылок.<\/p>\n<p><b>В чем проблема<\/b><br \/>\nИнтерфейс почтовых клиентов не позволяет тонко настроить типографику письма, задать точный кегль, интерлиньяж, отступы. Приходится мириться с тем, что есть, использовать базовые шрифты и размеры. В некоторых программах типа <a href=\"https:\/\/www.thunderbird.net\/ru\/\">Thunderbird<\/a> можно прописывать стили письма, но этого все равно недостаточно.<\/p>\n<p><b>Как решить<\/b><\/p>\n<ol start=\"1\">\n<li>Подготовить шаблон письма в ХТМЛ<\/li>\n<li>Создать новое письмо в gmail<\/li>\n<li>Открыть инспектор кода<\/li>\n<li>Удалить тег &lt; br &gt; и вставить на его место код письма<\/li>\n<\/ol>\n<p><h2>Готовим шаблон письма в ХТМЛ<\/h2><\/p>\n<p>Я взял обычный шаблон из сервиса рассылок. Вы можете сделать свой или взять этот, настроить его так, как вам хочется.<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">&lt;table align=&quot;left&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;&quot; width=&quot;100%&quot;&gt;\n&lt;tbody&gt;\n&lt;tr&gt;\n&lt;td style=&quot;padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #202020;font-family: Helvetica; line-height: 150%;text-align: left;&quot; valign=&quot;top&quot;&gt;\n\n&lt;h2 style=&quot;display: block; margin: 0; padding: 0; font-family: Helvetica;font-size: 22px;font-style: normal;font-weight: bold; line-height: 125%; letter-spacing: normal;text-align: left;&quot;&gt;Поздравляю с успешной регистрацией на вебинар «Вебмастер 2024»&lt;\/h2&gt;\n\n&lt;p style=&quot;margin: 10px 0; font-size: 16px; line-height: 150%;&quot;&gt;Вебинар пройдет в воскресенье &lt;a href=&quot;https:\/\/calendar.google.com\/calendar\/event%E2%80%A6&quot;&gt;28 января в 11:00 по Мск&lt;\/a&gt; в зуме.&lt;br&gt;\nЯ планирую уложиться в 1 час, но на всякий случай запланируйте 1,5 часа на вебинар.&lt;\/p&gt;\n\n&lt;p style=&quot;margin: 10px 0; font-size: 16px; line-height: 150%;&quot;&gt;За 30 минут до начала мы отправим ссылку на вход.&lt;\/p&gt;\n\t\t\t\t&lt;\/td&gt;\n\t\t\t&lt;\/tr&gt;\n\t\t&lt;\/tbody&gt;\n\t&lt;\/table&gt;<\/code><\/pre><p><h2>Создаем новое письмо в gmail<\/h2><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/1.png\" width=\"1320\" height=\"1090\" alt=\"\" \/>\n<\/div>\n<p><h2>Открываем инспектор кода<\/h2><\/p>\n<p>Кликаем правой кнопкой мыши и выбираем «Посмотреть код». В <a href=\"https:\/\/www.mozilla.org\/ru\/firefox\/new\/\">Mozilla Firefox<\/a> этот пункт называется «Исследовать».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/2.png\" width=\"1290\" height=\"1044\" alt=\"\" \/>\n<\/div>\n<p><h2>Редактируем код и вставляем туда наш шаблон<\/h2><\/p>\n<p>Когда откроется инспектор кода, в нем будет выделен участок отвечающий за содержимое письма.<br \/>\nКликаем правой клавишей по выделенному блоку и выбираем «Edit as HTML».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/3.png\" width=\"1288\" height=\"1048\" alt=\"\" \/>\n<\/div>\n<p>Удаляем тег &lt; br &gt; и вставляем вместо него ХТМЛ-код письма.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"734\" data-ratio=\"0.95822454308094\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/4.png\" width=\"734\" height=\"766\" alt=\"\" \/>\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/5.png\" width=\"1320\" height=\"1090\" alt=\"\" \/>\n<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/antonkoshuba.ru\/blog\/pictures\/5.png\" width=\"1320\" height=\"1090\" alt=\"\" \/>\n<\/div>\n<p>После этого останется только добавить получателей и тему письма.<\/p>\n",
            "date_published": "2024-01-21T12:29:27+05:00",
            "date_modified": "2024-01-21T12:29:07+05:00",
            "tags": [
                "технодурка"
            ],
            "image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/1.png",
            "_date_published_rfc2822": "Sun, 21 Jan 2024 12:29:27 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "18",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css",
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/1.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/2.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/3.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/4.png",
                    "https:\/\/antonkoshuba.ru\/blog\/pictures\/5.png"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}