\nУдаляет старые версии установленных пакетов и освобождает место на диске. Также можно использовать с флагом `-n`, чтобы увидеть, какие файлы будут удалены без их фактического удаления:<\/li>\n<\/ol>\n
brew cleanup<\/code><\/pre>\n- brew doctor<\/b>
\nПроверяет вашу установку Homebrew на наличие проблем и предлагает решения:<\/li>\n<\/ol>\nbrew doctor<\/code><\/pre>\n- brew prune<\/b>
\nУдаляет символические ссылки, которые больше не указывают на существующие файлы. В более новых версиях Homebrew эта команда может быть встроена в `brew cleanup`, но для старых версий она всё ещё может быть полезна:<\/li>\n<\/ol>\nbrew prune<\/code><\/pre>\n- brew autoremove<\/b>
\nУдаляет пакеты, которые больше не нужны другим установленным пакетам:<\/li>\n<\/ol>\nbrew autoremove<\/code><\/pre>\n- brew outdated<\/b>
\nПоказывает пакеты, для которых доступны более новые версии:<\/li>\n<\/ol>\nbrew outdated<\/code><\/pre>\n- brew upgrade<\/b>
\nОбновляет все установленные пакеты до последних версий. Можно указать конкретный пакет для обновления:<\/li>\n<\/ol>\nbrew upgrade<\/code><\/pre>\n- brew uninstall<\/b>
\nУдаляет указанный пакет. Можно использовать флаг `—force` для принудительного удаления всех версий пакета:<\/li>\n<\/ol>\nbrew uninstall пакет<\/code><\/pre>\n- brew list<\/b>
\nПоказывает список всех установленных пакетов:<\/li>\n<\/ol>\nbrew list<\/code><\/pre>\n- brew leaves<\/b>
\nПоказывает установленные пакеты, которые не являются зависимостями других пакетов:<\/li>\n<\/ol>\nbrew leaves<\/code><\/pre>\n- brew search<\/b>
\nИщет пакеты по запросы:<\/li>\n<\/ol>\nbrew search <название приложения><\/code><\/pre>Эти команды помогут вам эффективно управлять установленными пакетами и поддерживать систему в чистоте.<\/p>\n
Полный список команд Homebrew вы найдете на официальном сайте<\/a>.<\/p>\n\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/izobrazhenie.png\")
\n<\/div>\n",
"date_published": "2024-11-13T10:54:09+05:00",
"date_modified": "2024-11-13T10:59:47+05:00",
"tags": [
"веб"
],
"image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/izobrazhenie.png",
"_date_published_rfc2822": "Wed, 13 Nov 2024 10:54:09 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "35",
"_e2_data": {
"is_favourite": false,
"links_required": [
"highlight\/highlight.js",
"highlight\/highlight.css"
],
"og_images": [
"https:\/\/antonkoshuba.ru\/blog\/pictures\/izobrazhenie.png"
]
}
},
{
"id": "34",
"url": "https:\/\/antonkoshuba.ru\/blog\/all\/homebrew\/",
"title": "Макбук с домашним пивом 🍻",
"content_html": "За несколько шагов разберемся и установим менеджер пакетов для макОС Homebrew.<\/p>\n
Менеджер пакетов — это программа, с помощью которой можно устанавливать другие программы (пакеты) на свой ноутбук. Для макОС и Линукс есть менеджер пакетов, который называется Homebrew<\/a>.<\/p>\nПредставьте, что у вас есть виртуальный магазин приложений, откуда вы можете скачивать и устанавливать нужные программы, но не через привычный App Store, а через командную строку. Этот магазин — Homebrew<\/b>. Он помогает устанавливать и обновлять программы буквально в несколько команд.<\/p>\n
Это немного гигиковская штука подойдет скорее для айтишников или околоайти. Большинство пользователей привыкли пользоваться App Store или ходить на сайт разработчика, скачивать и устанавливать программы в ручную.<\/p>\n
Почему это удобно?<\/h2><\/p>\n\nЭкономия времени.<\/b> Вам не нужно искать программы в интернете, скачивать их с разных сайтов, открывать установщики. Всё происходит в автоматическом режиме.<\/p>\n<\/blockquote>\n\nБезопасность.<\/b> Homebrew устанавливает проверенные программы из официальных источников, что снижает риск установки вредоносного ПО.<\/p>\n<\/blockquote>\n\nОбновления.<\/b> С помощью одной команды вы можете обновить все свои программы, установленные через Homebrew, до последней версии.<\/p>\n<\/blockquote>\n
Например, вы хотите скачать через торрент сериал «Дом дракона» и вам нужен торрент-клиент<\/b>, например, Transmission<\/b>. Без Homebrew вам пришлось бы:<\/p>\n\n- Искать сайт разработчиков.<\/li>\n
- Выбирать подходящую версию программы для вашего Mac.<\/li>\n
- Скачивать файл.<\/li>\n
- Открывать установщик и проходить все шаги.<\/li>\n<\/ol>\n
Звучит как минимум на 5-10 минут работы. А теперь представьте, что всё это можно сделать одной строкой:<\/p>\n
brew install transmission<\/code><\/pre>Homebrew автоматически найдет программу, загрузит нужную версию и установит ее за вас. Всё это произойдёт за считаные секунды.<\/p>\n
Как это работает?<\/h2><\/p>\n
На Mac есть специальная программа под названием «Терминал», которая выглядит как обычное окно с текстом. Именно с её помощью работают с Homebrew. Когда вы вводите команду, компьютер понимает, что вы хотите сделать, и Homebrew выполняет всё за вас.<\/p>\n
Как запустить «Терминал»?<\/h2><\/p>\n
Откройте приложение через поиск (используйте сочетание клавиш Cmd + Пробел и введите «Терминал»).<\/p>\n
Вы увидите окно с мигающим курсором — это и есть место, где вводятся команды.<\/p>\n
Что можно установить через Homebrew?<\/h2><\/p>\n
Homebrew — это не только программы для айтишников или сложные утилиты. С его помощью можно установить простые, но полезные вещи, например:
\n— Веб-браузеры.
\n— Программы для работы с текстами.
\n— Инструменты для хранения паролей.<\/p>\n
Например, вы хотите установить браузер Firefox<\/b>. Без Homebrew нужно было бы:<\/p>\n\n- Открыть Safari.<\/li>\n
- Перейти на сайт Mozilla.<\/li>\n
- Скачать установщик.<\/li>\n
- Установить браузер.<\/li>\n<\/ol>\n
А с Homebrew это делается за секунды:<\/p>\n
brew install firefox<\/code><\/pre>Как установить Homebrew?<\/h2><\/p>\n
Чтобы установить его на ваш макбук, нужно просто ввести одну команду в Терминале. Вот она:<\/p>\n
\/bin\/bash -c "$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/HEAD\/install.sh)"<\/code><\/pre>Команды добавления brew в zprofile:<\/p>\n
echo 'eval $(\/opt\/homebrew\/bin\/brew shellenv)' >> \/Users\/$USER\/.zprofile<\/code><\/pre>eval $(\/opt\/homebrew\/bin\/brew shellenv)<\/code><\/pre>После этого ваш компьютер сам установит Homebrew и всё будет готово к работе.<\/p>\n
Почему стоит попробовать?<\/h2><\/p>\n
Многие новички боятся командной строки, но Homebrew — это отличное средство, чтобы начать её использовать. Он делает процесс установки программ быстрым и удобным, а после того, как вы установите его один раз, вы сможете экономить своё время при каждом следующем обновлении или установке программы.<\/p>\n",
"date_published": "2024-10-23T09:17:33+05:00",
"date_modified": "2024-11-13T11:14:05+05:00",
"tags": [
"веб"
],
"image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-23-v-11.16.34.png",
"_date_published_rfc2822": "Wed, 23 Oct 2024 09:17:33 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "34",
"_e2_data": {
"is_favourite": false,
"links_required": [
"highlight\/highlight.js",
"highlight\/highlight.css"
],
"og_images": [
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-23-v-11.16.34.png"
]
}
},
{
"id": "32",
"url": "https:\/\/antonkoshuba.ru\/blog\/all\/ghpages\/",
"title": "Как бесплатно разместить сайт в интернете",
"content_html": "
Быстро разместим простой сайт в интернете за несколько шагов с помощью GitHub Pages — бесплатного сервиса для публикации статических веб-страниц.\n<\/p>\n
Этот способ подойдёт, если вам нужно опубликовать простой сайт, статью, курсач в Школе редакторов<\/a> или несложное портфолио. Если вы хотите поднять блог или проект с серверной логикой (PHP, Node.js, Ruby и др.), советую вам рассмотреть бесплатные хостинги, о них в следующей статье.<\/p>\nВ этой статье мы не будем пользоваться терминалом и редактором кода, а сделаем всё через веб-интерфейс GitHub, так что у вас всё получится.<\/p>\n
Шаги<\/h3>Создайте аккаунт на GitHub<\/a>
\nСоздайте новый репозиторий<\/a>
\nДобавьте HTML-файл в репозиторий<\/a>
\nАктивируйте GitHub Pages<\/a>
\nПоделитесь ссылкой на сайт<\/a><\/p>\n1. Создайте аккаунт на GitHub<\/h2><\/p>\n
Для начала вам понадобится аккаунт на GitHub. Это платформа для хранения и совместной работы с проектами, чаще всего для кода, но она отлично подходит и для веб-сайтов.<\/p>\n
\n- Перейдите на сайт GitHub<\/a><\/li>\n
- Зарегистрируйтесь, если у вас еще нет аккаунта.<\/li>\n<\/ol>\n
2. Создайте новый репозиторий<\/h2><\/p>\n
GitHub Pages работает на основе репозиториев (хранилищ), в которых хранятся все файлы вашего сайта. Чтобы опубликовать сайт, нужно создать репозиторий:<\/p>\n
\n- На главной странице GitHub нажмите на кнопку New для создания нового репозитория.<\/li>\n<\/ol>\n\n
![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.00.30.png.jpg\")
\n<\/div>\n\n- Дайте репозиторию имя — yourusername.github.io\/name site\/ (где yourusername — это ваше имя пользователя на GitHub, а name site — имя сайта). Это важно, так как репозитории с таким именем автоматически становятся активными сайтами на GitHub Pages.<\/li>\n<\/ol>\n
\n- Сделайте репозиторий публичным (это необходимо для работы GitHub Pages).<\/li>\n<\/ol>\n
\n- Нажмите Create repository.<\/li>\n<\/ol>\n\n
![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.02.32.png.jpg\")
\n<\/div>\n3. Добавьте HTML-файл в репозиторий<\/h2><\/p>\n
На этом этапе вам понадобится HTML-файл, надеемся, что у вас он уже есть. Если нет, читайте, как сверстать статью в HTML за 7 шагов<\/a>.<\/p>\nПроверьте, что файл называется index.html — это будет главная страница сайта.<\/p>\n
Загрузите файл index.html в созданный репозиторий. Для этого:<\/p>\n
\n- Нажмите на кнопку Add file > Upload files.<\/li>\n
- Перетащите ваш index.html или выберите его через проводник.<\/li>\n
- Нажмите Commit changes.<\/li>\n<\/ol>\n\n\n
![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.04.10.png.jpg\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.13.07.png.jpg\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.24.42.png.jpg\")
\n<\/div>\n<\/div>\n4. Активируйте GitHub Pages<\/h2><\/p>\n
Теперь, когда ваш репозиторий создан и в него загружен HTML-файл, осталось активировать GitHub Pages:<\/p>\n
\n- В настройках репозитория (вкладка Settings) найдите раздел Pages.<\/li>\n
- В разделе Branch выберите main (или другую ветку, если у вас она называется иначе).<\/li>\n
- Нажмите Save.<\/li>\n<\/ol>\n\n\n
![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.26.01.png.jpg\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.26.11.png.jpg\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.26.36.png.jpg\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.28.11.png.jpg\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.28.24.png.jpg\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.28.36.png.jpg\")
\n<\/div>\n<\/div>\nGitHub активирует сайт, и через несколько минут он станет доступен по адресу yourusername.github.io\/name-site.<\/p>\n
5. Поделитесь ссылкой на сайт<\/h2><\/p>\n
Теперь ваш сайт доступен в интернете. Вы можете поделиться ссылкой на ваш GitHub Pages сайт в социальных сетях, мессенджерах или на других платформах. Если вам нужно внести изменения, просто отредактируйте HTML-файл и загрузите его заново в репозиторий.<\/p>\n
Я помогаю экспертам, малому бизнесу и образовательным проектам с редактурой учебников, статей и гайдов. Пишу про информационные технологии и всё, что с ними связано.<\/p>\n
Чтобы обсудить задачу, напишите: koshuba.pro@gmail.com<\/a><\/p>\n",
"date_published": "2024-10-10T10:32:07+05:00",
"date_modified": "2024-10-10T19:15:43+05:00",
"tags": [
"веб",
"сервисы"
],
"image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.00.30.png.jpg",
"_date_published_rfc2822": "Thu, 10 Oct 2024 10:32:07 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "32",
"_e2_data": {
"is_favourite": false,
"links_required": [
"jquery\/jquery.js",
"fotorama\/fotorama.css",
"fotorama\/fotorama.js"
],
"og_images": [
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.00.30.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.02.32.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.04.10.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.13.07.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.24.42.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.26.01.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.26.11.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.26.36.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.28.11.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.28.24.png.jpg",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-10-10-v-11.28.36.png.jpg"
]
}
},
{
"id": "27",
"url": "https:\/\/antonkoshuba.ru\/blog\/all\/install-egeya\/",
"title": "Как установить движок для блога Эгея",
"content_html": "На примере хостинга Мастерхост<\/a><\/p>\nЭгея — это движок блога. Автор движка Илья Бирман. Вот официальный сайт https:\/\/blogengine.ru\/<\/a><\/p>\nЭгея подходит для личных и коммерческих блогов. Установка как у всех: надо распаковать файлы движка на свой хостинг и зайти на страницу со стартовым скриптом. Чтобы не запутаться, пройдемся по каждому этапу.<\/p>\n
Создайте базу данных на хостинге<\/h2><\/p>\n
Для этого зайдите в админ панель хостинга и найдите там раздел «MySQL» → «Базы данных» → «+ База MySQL»<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/bd1.png\")
\n<\/div>\nПрисвойте название базе данных и выберите пользователя.<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/bd2.png\")
\n<\/div>\nСоздайте каталог через файловый менеджер<\/h2><\/p>\n
Имя каталога будет именем страницы блога. Если вы хотите, чтобы блог открывался по адресу mysite\/blog — назовите каталог blog.<\/p>\n
Найдите в админ панеле раздел «Работа с файлами» → «FTP» → «Файловый менеджер»<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/fm1.png\")
\n<\/div>\nПерейдите в mydomen\/www и создайте там папку. В нашем примере это папка test-blog.<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/fm2.png\")
\n<\/div>\nСкачайте Эгею и распакуйте в папку<\/h2><\/p>\n
Скачайте Эгею с официального сайта
\nhttps:\/\/blogengine.ru\/get\/<\/a><\/p>\n\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg1.png\")
\n<\/div>\nРазархивируйте и перенесите файлы в папку на хостинге — можно просто выделить все файлы и перетащить их в браузер.<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/fm3.png\")
\n<\/div>\nУстановите Эгею<\/h2><\/p>\n
Для этого перейдите на страницу своего блога: откройте новую вкладку браузера и введите адрес блога, в нашем примере это antonkoshuba.ru\/test-blog\/<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg2.png\")
\n<\/div>\nОткроется окно установки. Внимательно заполните каждое поле:
\nСервер, имя пользователя и пароль<\/b> — эти данные Мастерхост отправлял на почту при оформлении хостинга.
\nНазвание базы<\/b> — имя базы, которое мы присваивали на первом шаге.
\nПароль к блогу<\/b> — придумайте пароль администратора, чтобы входить в админ панель блога.<\/p>\n
При правильном заполнении все строчки горят зеленым цветом, а кнопка «Начать блог» активна.<\/p>\n
Нажмите «Начать блог»<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg3.png\")
\n<\/div>\nВы великолепны<\/h2><\/p>\n\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg4.png\")
\n<\/div>\nЕще по теме
\nЭгея. Оформляем шапку блога <\/a><\/p>\n",
"date_published": "2024-07-28T15:52:04+05:00",
"date_modified": "2024-07-28T16:50:00+05:00",
"tags": [
"веб"
],
"image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/bd1.png",
"_date_published_rfc2822": "Sun, 28 Jul 2024 15:52:04 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "27",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": [
"https:\/\/antonkoshuba.ru\/blog\/pictures\/bd1.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/bd2.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/fm1.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/fm2.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg1.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/fm3.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg2.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg3.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/eg4.png"
]
}
},
{
"id": "25",
"url": "https:\/\/antonkoshuba.ru\/blog\/all\/zag-m1\/",
"title": "Как улучшить заголовок диаграммы",
"content_html": "Читал статью про программирование на макбуках<\/a>, а нашел хороший пример заголовка диаграммы.<\/p>\nВ статьях про компьютеры и технологии часто встречаются графики, диаграммы и сравнения. Обычно сравнивают производительность.<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/image-1.png\")
\nСравнили два процессора<\/a>. Вроде бы один лучше другого<\/div>\n<\/div>\nКогда мы сравниваем что-то простое, читателю очевидны результаты: «Этот столбик длиннее, значит, это хорошо, а этот, короче, значит, этого меньше, и это хуже».<\/p>\n
Когда дело доходит до чего-то более сложного, читателю с первого взгляда может быть непонятно, что означают конкретные показатели: «А то, что график растет это плохо или хорошо?», «А в чем измеряется величина?».<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/zagolovok-diagrammy.png\")
\nКак в этом разобраться?<\/div>\n<\/div>\nДля автора всё очевидно, он же сам пишет статью и рисует диаграмму.<\/p>\n
Чтобы помочь читателю разобраться в сравнении — можно в заголовок добавить пояснение «меньше — лучше» или «больше — лучше», или другие маркеры.<\/p>\n
Полистайте →<\/p>\n
\n\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/zagolovok-diagrammy-1.png\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-05-26-v-11.06.52.png\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-05-26-v-11.06.22.png\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-05-26-v-11.05.52.png\")
\n<\/div>\n<\/div>\nСразу стало понятно, какой процессор лучше.<\/p>\n
Сами диаграммы из примера можно улучшить. В Школе Бюро<\/a> учат, как правильно рисовать графики, диаграммы, и что такое визуальные манипуляции.<\/p>\n",
"date_published": "2024-05-26T12:55:48+05:00",
"date_modified": "2024-05-26T13:01:00+05:00",
"tags": [
"веб",
"визуал"
],
"image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/image-1.png",
"_date_published_rfc2822": "Sun, 26 May 2024 12:55:48 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "25",
"_e2_data": {
"is_favourite": false,
"links_required": [
"jquery\/jquery.js",
"fotorama\/fotorama.css",
"fotorama\/fotorama.js"
],
"og_images": [
"https:\/\/antonkoshuba.ru\/blog\/pictures\/image-1.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/zagolovok-diagrammy.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/zagolovok-diagrammy-1.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-05-26-v-11.06.52.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-05-26-v-11.06.22.png",
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-05-26-v-11.05.52.png"
]
}
},
{
"id": "22",
"url": "https:\/\/antonkoshuba.ru\/blog\/all\/a-href-ego-znaet\/",
"title": "A href его знает",
"content_html": "\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-03-22-v-10.57.11.png\")
\n<\/div>\nПишу статью про искусственный интеллект и наткнулся на сайт<\/a> с ляпами в вёрстке. Ну с кем не бывает. Автор хотел поставить ссылку на National Geographic Россия, но что-то пошло не так. То ли автор забыл, как ставить ссылки в вебе, то ли верстальщик заболел.<\/p>\nКонкретно в этой ситуации решение выглядело бы так:<\/p>\n
<a href="http:\/\/nat-geo.ru">National Geographic Россия<\/a><\/code><\/pre>Чтобы не допускать таких ляпов, достаточно знать основы веба, ну на самом минимальном уровне это освоит уже любой школьник.<\/p>\n",
"date_published": "2024-04-13T13:41:02+05:00",
"date_modified": "2024-04-13T13:41:46+05:00",
"tags": [
"веб",
"редактура"
],
"image": "https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-03-22-v-10.57.11.png",
"_date_published_rfc2822": "Sat, 13 Apr 2024 13:41:02 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "22",
"_e2_data": {
"is_favourite": false,
"links_required": [
"highlight\/highlight.js",
"highlight\/highlight.css"
],
"og_images": [
"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-03-22-v-10.57.11.png"
]
}
},
{
"id": "19",
"url": "https:\/\/antonkoshuba.ru\/blog\/all\/egeya\/",
"title": "Эгея. Оформляем шапку блога",
"content_html": "
Разберем, как сделать навигационное меню в шапке блога.<\/p>\n
Что за «Эгея» такая?<\/h2><\/p>\n
«Эгея» это движок блога. Его придумал Илья Бирман.
\nВот официальный сайт https:\/\/blogengine.ru\/<\/a><\/p>\nПрелесть этого движка в том, что он:<\/p>\n
\n- Бесплатный. Но есть платные фичи<\/li>\n
- Легко устанавливается<\/a><\/li>\n
- Не требует глубоких знаний в вебе<\/li>\n<\/ol>\n
Подробнее про «Эгею» можно посмотреть на ютубе «Что делает движок блога „Эгея“ · Доклад, 2023»<\/a><\/p>\nЗачем в блоге меню?<\/h2><\/p>\n
Если коротко — для навигации.<\/p>\n
В шапке можно закрепить ссылки на разные теги, например, портфолио, фотографии, услуги, кейсы и что угодно еще. Или ссылку на сервис донатов, да, так тоже можно.<\/p>\n
Вот несколько примеров:<\/p>\n
\n\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga.png\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/image.png\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-1.png\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-2.png\")
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/egeya-oformlyaem-shapku-bloga-3.png\")
\n<\/div>\n<\/div>\nВ таком виде шапка превращается в навигационное меню.<\/p>\n
Как сделать?<\/h2><\/p>\n
Вот что нужно будет сделать:<\/p>\n
\n- Выбрать нужные теги.<\/li>\n
- Оформить ХТМЛ-код.<\/li>\n
- Добавить код в настройки блога.<\/li>\n<\/ol>\n
У вас всё получится. А если не получится, напишите мне, и я сделаю так, чтобы всё получилось.<\/p>\n
Выбираем теги<\/h3><\/p>\n
Для начала нужно определиться, какие теги добавить в шапку блога.
\nОбычно все теги можно найти по адресу:<\/p>\n
https:\/\/ваш_домен\/blog\/tags\/<\/code><\/pre>У меня адрес выглядит так:<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.03.40.png.jpg\")
\n<\/div>\nОткройте страницы с нужными тегами. Нам понадобится их адрес.
\nПример:<\/p>\n
https:\/\/antonkoshuba.ru\/blog\/tags\/redaktura\/<\/code><\/pre>\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.09.00.png.jpg\")
\n<\/div>\nОформляем ХТМЛ-код<\/h3><\/p>\n
Чтобы меню было кликабельным, используем тег<\/p>\n
<a href=""><\/a><\/code><\/pre>Пример:<\/p>\n
<a href="адрес ссылки на тег">текст ссылки<\/a><\/code><\/pre>Наведем немного красоты. Зададим высоту блока ссылок, кегль и интерлиньяж, добавим неразрывные пробелы.<\/p>\n
Вот мой пример:<\/p>\n
<nav style= "height: 23.5px; font-size: 16px; line-height: 25.5px;"> <a href="https:\/\/antonkoshuba.ru\/blog\/tags\/redaktura\/">Редактура<\/a> <a href="https:\/\/antonkoshuba.ru\/blog\/tags\/mir\/">Мир<\/a> <a href="https:\/\/antonkoshuba.ru\/blog\/tags\/portfolio\/">Портфолио<\/a><\/nav><\/code><\/pre>Можете скопировать его, только не забудьте заменить ссылки на свои.<\/p>\n
Добавляем ХТМЛ-код в настройки<\/h3><\/p>\n
Нажмите на шестеренку:<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.11.38.png.jpg\")
\n<\/div>\nВставьте код из предыдущего шага в поле «Подзаголовок»:<\/p>\n
\n![\"\"](\"https:\/\/antonkoshuba.ru\/blog\/pictures\/Snimok-ekrana-2024-02-11-v-20.13.26.png.jpg\")
\n<\/div>\nНажмите «Сохранить изменения».
\nEnjoy<\/p>\n
Спасибо за вопрос Ольге Паньшиной<\/a><\/p>\n