Антон Кошуба: заметки с тегом технодурка

Шпаргалка. Базовые команды в терминале

Wed, 07 Aug 2024 13:23:21 +0500

Если вдруг вас покусал айтишник или айтишница и вам срочно понадобились команды для работы в терминале, то вот они.

pwd — покажи, в какой я папке;
ls — покажи файлы и папки в текущей папке;
ls -a — покажи также скрытые файлы и папки, названия которых начинаются с символа (.);
cd имя_папки — перейди в папку;
cd first-project/html — перейди в папку `html`, которая находится в папке `first-project`;
cd .. — перейди на уровень выше, в родительскую папку;
cd ~ — перейди в домашнюю директорию (/Users/Username);
cd / — перейди в корневую директорию.

Работа с файлами и папками

Создание

touch index.html — создай файл `index.html` в текущей папке;
touch index.html style.css script.js — если нужно создать сразу несколько файлов, можно напечатать их имена в одну строку через пробел;
mkdir second-project — создай папку с именем `second-project` в текущей папке.

Копирование и перемещение

cp file.txt ~/my-dir — скопируй файл в другое место;
mv file.txt ~/my-dir — перемести файл или папку в другое место.

Чтение

cat file.txt — распечатай содержимое текстового файла `file.txt`. Содержимое откроется прямо в терминале.

Удаление

rm about.html — удали файл `about.html`;
rmdir images — удали папку `images`;
rm -r second-project — удали папку `second-project` и всё, что она содержит.

Полезные возможности

Команды необязательно печатать и выполнять по очереди. Можно указать их списком — разделить двумя амперсандами (`&&`).
У консоли есть собственная память — буфер с несколькими последними командами. По ним можно перемещаться с помощью клавиш со стрелками вверх (`↑`) и вниз (`↓`).
Чтобы не вводить название файла или папки полностью, можно набрать первые символы имени и дважды нажать `Tab`. Если файл или папка есть в текущей директории, командная строка допишет путь сама.

Эгея. Оформляем шапку блога

Sun, 11 Feb 2024 20:41:15 +0500

Разберем, как сделать навигационное меню в шапке блога.

Что за «Эгея» такая?

«Эгея» это движок блога. Его придумал Илья Бирман.
Вот официальный сайт https://blogengine.ru/

Прелесть этого движка в том, что он:

Бесплатный. Но есть платные фичи
Легко устанавливается
Не требует глубоких знаний в вебе

Подробнее про «Эгею» можно посмотреть на ютубе «Что делает движок блога „Эгея“ · Доклад, 2023»

Зачем в блоге меню?

Если коротко — для навигации.

В шапке можно закрепить ссылки на разные теги, например, портфолио, фотографии, услуги, кейсы и что угодно еще. Или ссылку на сервис донатов, да, так тоже можно.

Вот несколько примеров:

В таком виде шапка превращается в навигационное меню.

Как сделать?

Вот что нужно будет сделать:

Выбрать нужные теги.
Оформить ХТМЛ-код.
Добавить код в настройки блога.

У вас всё получится. А если не получится, напишите мне, и я сделаю так, чтобы всё получилось.

Выбираем теги

Для начала нужно определиться, какие теги добавить в шапку блога.
Обычно все теги можно найти по адресу:

https://ваш_домен/blog/tags/

У меня адрес выглядит так:

Откройте страницы с нужными тегами. Нам понадобится их адрес.
Пример:

https://antonkoshuba.ru/blog/tags/redaktura/

Оформляем ХТМЛ-код

Чтобы меню было кликабельным, используем тег

<a href=""></a>

Пример:

<a href="адрес ссылки на тег">текст ссылки</a>

Наведем немного красоты. Зададим высоту блока ссылок, кегль и интерлиньяж, добавим неразрывные пробелы.

Вот мой пример:

<nav style= "height: 23.5px; font-size: 16px; line-height: 25.5px;"> &nbsp; <a href="https://antonkoshuba.ru/blog/tags/redaktura/">Редактура</a> &nbsp; <a href="https://antonkoshuba.ru/blog/tags/mir/">Мир</a> &nbsp; <a href="https://antonkoshuba.ru/blog/tags/portfolio/">Портфолио</a></nav>

Можете скопировать его, только не забудьте заменить ссылки на свои.

Добавляем ХТМЛ-код в настройки

Нажмите на шестеренку:

Вставьте код из предыдущего шага в поле «Подзаголовок»:

Нажмите «Сохранить изменения».
Enjoy

Спасибо за вопрос Ольге Паньшиной

Еще по теме
Как установить движок для блога Эгея

Верстаем письмо в ХТМЛ

Sun, 21 Jan 2024 12:29:27 +0500

Бывают ситуации, когда надо красиво и предсказуемо сверстать письмо. Например, ответное письмо при регистрации на вебинар или отклик на вакансию или небольшая рассылка, когда не нужны платные сервисы емаил рассылок.

В чем проблема
Интерфейс почтовых клиентов не позволяет тонко настроить типографику письма, задать точный кегль, интерлиньяж, отступы. Приходится мириться с тем, что есть, использовать базовые шрифты и размеры. В некоторых программах типа Thunderbird можно прописывать стили письма, но этого все равно недостаточно.

Как решить

Подготовить шаблон письма в ХТМЛ
Создать новое письмо в gmail
Открыть инспектор кода
Удалить тег < br > и вставить на его место код письма

Готовим шаблон письма в ХТМЛ

Я взял обычный шаблон из сервиса рассылок. Вы можете сделать свой или взять этот, настроить его так, как вам хочется.

<table align="left" border="0" cellpadding="0" cellspacing="0" style="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%;" width="100%">
<tbody>
<tr>
<td style="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;" valign="top">

<h2 style="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;">Поздравляю с успешной регистрацией на вебинар «Вебмастер 2024»</h2>

<p style="margin: 10px 0; font-size: 16px; line-height: 150%;">Вебинар пройдет в воскресенье <a href="https://calendar.google.com/calendar/event%E2%80%A6">28 января в 11:00 по Мск</a> в зуме.<br>
Я планирую уложиться в 1 час, но на всякий случай запланируйте 1,5 часа на вебинар.</p>

<p style="margin: 10px 0; font-size: 16px; line-height: 150%;">За 30 минут до начала мы отправим ссылку на вход.</p>
</td>
</tr>
</tbody>
</table>

Создаем новое письмо в gmail

Открываем инспектор кода

Кликаем правой кнопкой мыши и выбираем «Посмотреть код». В Mozilla Firefox этот пункт называется «Исследовать».

Редактируем код и вставляем туда наш шаблон

Когда откроется инспектор кода, в нем будет выделен участок отвечающий за содержимое письма.
Кликаем правой клавишей по выделенному блоку и выбираем «Edit as HTML».

Удаляем тег < br > и вставляем вместо него ХТМЛ-код письма.

После этого останется только добавить получателей и тему письма.