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

Команды brew

Wed, 13 Nov 2024 10:54:09 +0500

В Homebrew есть несколько полезных команд для управления пакетами и зависимостями. Вот некоторые из них:

brew cleanup
Удаляет старые версии установленных пакетов и освобождает место на диске. Также можно использовать с флагом `-n`, чтобы увидеть, какие файлы будут удалены без их фактического удаления:

brew cleanup

brew doctor
Проверяет вашу установку Homebrew на наличие проблем и предлагает решения:

brew doctor

brew prune
Удаляет символические ссылки, которые больше не указывают на существующие файлы. В более новых версиях Homebrew эта команда может быть встроена в `brew cleanup`, но для старых версий она всё ещё может быть полезна:

brew prune

brew autoremove
Удаляет пакеты, которые больше не нужны другим установленным пакетам:

brew autoremove

brew outdated
Показывает пакеты, для которых доступны более новые версии:

brew outdated

brew upgrade
Обновляет все установленные пакеты до последних версий. Можно указать конкретный пакет для обновления:

brew upgrade

brew uninstall
Удаляет указанный пакет. Можно использовать флаг `—force` для принудительного удаления всех версий пакета:

brew uninstall пакет

brew list
Показывает список всех установленных пакетов:

brew list

brew leaves
Показывает установленные пакеты, которые не являются зависимостями других пакетов:

brew leaves

brew search
Ищет пакеты по запросы:

brew search <название приложения>

Эти команды помогут вам эффективно управлять установленными пакетами и поддерживать систему в чистоте.

Полный список команд Homebrew вы найдете на официальном сайте.

Макбук с домашним пивом 🍻

Wed, 23 Oct 2024 09:17:33 +0500

За несколько шагов разберемся и установим менеджер пакетов для макОС Homebrew.

Менеджер пакетов — это программа, с помощью которой можно устанавливать другие программы (пакеты) на свой ноутбук. Для макОС и Линукс есть менеджер пакетов, который называется Homebrew.

Представьте, что у вас есть виртуальный магазин приложений, откуда вы можете скачивать и устанавливать нужные программы, но не через привычный App Store, а через командную строку. Этот магазин — Homebrew. Он помогает устанавливать и обновлять программы буквально в несколько команд.

Это немного гигиковская штука подойдет скорее для айтишников или околоайти. Большинство пользователей привыкли пользоваться App Store или ходить на сайт разработчика, скачивать и устанавливать программы в ручную.

Почему это удобно?

Экономия времени. Вам не нужно искать программы в интернете, скачивать их с разных сайтов, открывать установщики. Всё происходит в автоматическом режиме.

Безопасность. Homebrew устанавливает проверенные программы из официальных источников, что снижает риск установки вредоносного ПО.

Обновления. С помощью одной команды вы можете обновить все свои программы, установленные через Homebrew, до последней версии.

Например, вы хотите скачать через торрент сериал «Дом дракона» и вам нужен торрент-клиент, например, Transmission. Без Homebrew вам пришлось бы:

Искать сайт разработчиков.
Выбирать подходящую версию программы для вашего Mac.
Скачивать файл.
Открывать установщик и проходить все шаги.

Звучит как минимум на 5-10 минут работы. А теперь представьте, что всё это можно сделать одной строкой:

brew install transmission

Homebrew автоматически найдет программу, загрузит нужную версию и установит ее за вас. Всё это произойдёт за считаные секунды.

Как это работает?

На Mac есть специальная программа под названием «Терминал», которая выглядит как обычное окно с текстом. Именно с её помощью работают с Homebrew. Когда вы вводите команду, компьютер понимает, что вы хотите сделать, и Homebrew выполняет всё за вас.

Как запустить «Терминал»?

Откройте приложение через поиск (используйте сочетание клавиш Cmd + Пробел и введите «Терминал»).

Вы увидите окно с мигающим курсором — это и есть место, где вводятся команды.

Что можно установить через Homebrew?

Homebrew — это не только программы для айтишников или сложные утилиты. С его помощью можно установить простые, но полезные вещи, например:
— Веб-браузеры.
— Программы для работы с текстами.
— Инструменты для хранения паролей.

Например, вы хотите установить браузер Firefox. Без Homebrew нужно было бы:

Открыть Safari.
Перейти на сайт Mozilla.
Скачать установщик.
Установить браузер.

А с Homebrew это делается за секунды:

brew install firefox

Как установить Homebrew?

Чтобы установить его на ваш макбук, нужно просто ввести одну команду в Терминале. Вот она:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Команды добавления brew в zprofile:

echo 'eval $(/opt/homebrew/bin/brew shellenv)' >> /Users/$USER/.zprofile

eval $(/opt/homebrew/bin/brew shellenv)

После этого ваш компьютер сам установит Homebrew и всё будет готово к работе.

Почему стоит попробовать?

Многие новички боятся командной строки, но Homebrew — это отличное средство, чтобы начать её использовать. Он делает процесс установки программ быстрым и удобным, а после того, как вы установите его один раз, вы сможете экономить своё время при каждом следующем обновлении или установке программы.

Как бесплатно разместить сайт в интернете

Thu, 10 Oct 2024 10:32:07 +0500

Быстро разместим простой сайт в интернете за несколько шагов с помощью GitHub Pages — бесплатного сервиса для публикации статических веб-страниц.

Этот способ подойдёт, если вам нужно опубликовать простой сайт, статью, курсач в Школе редакторов или несложное портфолио. Если вы хотите поднять блог или проект с серверной логикой (PHP, Node.js, Ruby и др.), советую вам рассмотреть бесплатные хостинги, о них в следующей статье.

В этой статье мы не будем пользоваться терминалом и редактором кода, а сделаем всё через веб-интерфейс GitHub, так что у вас всё получится.

Шаги

Создайте аккаунт на GitHub
Создайте новый репозиторий
Добавьте HTML-файл в репозиторий
Активируйте GitHub Pages
Поделитесь ссылкой на сайт

1. Создайте аккаунт на GitHub

Для начала вам понадобится аккаунт на GitHub. Это платформа для хранения и совместной работы с проектами, чаще всего для кода, но она отлично подходит и для веб-сайтов.

Перейдите на сайт GitHub
Зарегистрируйтесь, если у вас еще нет аккаунта.

2. Создайте новый репозиторий

GitHub Pages работает на основе репозиториев (хранилищ), в которых хранятся все файлы вашего сайта. Чтобы опубликовать сайт, нужно создать репозиторий:

На главной странице GitHub нажмите на кнопку New для создания нового репозитория.

Дайте репозиторию имя — yourusername.github.io/name site/ (где yourusername — это ваше имя пользователя на GitHub, а name site — имя сайта). Это важно, так как репозитории с таким именем автоматически становятся активными сайтами на GitHub Pages.

Сделайте репозиторий публичным (это необходимо для работы GitHub Pages).

Нажмите Create repository.

3. Добавьте HTML-файл в репозиторий

На этом этапе вам понадобится HTML-файл, надеемся, что у вас он уже есть. Если нет, читайте, как сверстать статью в HTML за 7 шагов.

Проверьте, что файл называется index.html — это будет главная страница сайта.

Загрузите файл index.html в созданный репозиторий. Для этого:

Нажмите на кнопку Add file > Upload files.
Перетащите ваш index.html или выберите его через проводник.
Нажмите Commit changes.

4. Активируйте GitHub Pages

Теперь, когда ваш репозиторий создан и в него загружен HTML-файл, осталось активировать GitHub Pages:

В настройках репозитория (вкладка Settings) найдите раздел Pages.
В разделе Branch выберите main (или другую ветку, если у вас она называется иначе).
Нажмите Save.

GitHub активирует сайт, и через несколько минут он станет доступен по адресу yourusername.github.io/name-site.

Теперь ваш сайт доступен в интернете. Вы можете поделиться ссылкой на ваш GitHub Pages сайт в социальных сетях, мессенджерах или на других платформах. Если вам нужно внести изменения, просто отредактируйте HTML-файл и загрузите его заново в репозиторий.

Я помогаю экспертам, малому бизнесу и образовательным проектам с редактурой учебников, статей и гайдов. Пишу про информационные технологии и всё, что с ними связано.

Чтобы обсудить задачу, напишите: koshuba.pro@gmail.com

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

Sun, 28 Jul 2024 15:52:04 +0500

На примере хостинга Мастерхост

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

Эгея подходит для личных и коммерческих блогов. Установка как у всех: надо распаковать файлы движка на свой хостинг и зайти на страницу со стартовым скриптом. Чтобы не запутаться, пройдемся по каждому этапу.

Создайте базу данных на хостинге

Для этого зайдите в админ панель хостинга и найдите там раздел «MySQL» → «Базы данных» → «+ База MySQL»

Присвойте название базе данных и выберите пользователя.

Создайте каталог через файловый менеджер

Имя каталога будет именем страницы блога. Если вы хотите, чтобы блог открывался по адресу mysite/blog — назовите каталог blog.

Найдите в админ панеле раздел «Работа с файлами» → «FTP» → «Файловый менеджер»

Перейдите в mydomen/www и создайте там папку. В нашем примере это папка test-blog.

Скачайте Эгею и распакуйте в папку

Скачайте Эгею с официального сайта
https://blogengine.ru/get/

Разархивируйте и перенесите файлы в папку на хостинге — можно просто выделить все файлы и перетащить их в браузер.

Установите Эгею

Для этого перейдите на страницу своего блога: откройте новую вкладку браузера и введите адрес блога, в нашем примере это antonkoshuba.ru/test-blog/

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

При правильном заполнении все строчки горят зеленым цветом, а кнопка «Начать блог» активна.

Нажмите «Начать блог»

Вы великолепны

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

Как улучшить заголовок диаграммы

Sun, 26 May 2024 12:55:48 +0500

Читал статью про программирование на макбуках, а нашел хороший пример заголовка диаграммы.

В статьях про компьютеры и технологии часто встречаются графики, диаграммы и сравнения. Обычно сравнивают производительность.

Сравнили два процессора. Вроде бы один лучше другого

Когда мы сравниваем что-то простое, читателю очевидны результаты: «Этот столбик длиннее, значит, это хорошо, а этот, короче, значит, этого меньше, и это хуже».

Когда дело доходит до чего-то более сложного, читателю с первого взгляда может быть непонятно, что означают конкретные показатели: «А то, что график растет это плохо или хорошо?», «А в чем измеряется величина?».

Как в этом разобраться?

Для автора всё очевидно, он же сам пишет статью и рисует диаграмму.

Чтобы помочь читателю разобраться в сравнении — можно в заголовок добавить пояснение «меньше — лучше» или «больше — лучше», или другие маркеры.

Полистайте →

Сразу стало понятно, какой процессор лучше.

Сами диаграммы из примера можно улучшить. В Школе Бюро учат, как правильно рисовать графики, диаграммы, и что такое визуальные манипуляции.

A href его знает

Sat, 13 Apr 2024 13:41:02 +0500

Пишу статью про искусственный интеллект и наткнулся на сайт с ляпами в вёрстке. Ну с кем не бывает. Автор хотел поставить ссылку на National Geographic Россия, но что-то пошло не так. То ли автор забыл, как ставить ссылки в вебе, то ли верстальщик заболел.

Конкретно в этой ситуации решение выглядело бы так:

<a href="http://nat-geo.ru">National Geographic Россия</a>

Чтобы не допускать таких ляпов, достаточно знать основы веба, ну на самом минимальном уровне это освоит уже любой школьник.

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

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

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

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