Jekyll2020-10-26T13:08:44+03:00http://localhost:4000/blog/feed.xmlБлог веб-разработчика, активного юзера Linux, и просто хорошего парня.2020-10-26T12:48:00+03:002020-10-26T12:48:00+03:00http://localhost:4000/blog/2020/10/26/%D0%94%D0%B5%D0%BB%D0%B0%D0%B5%D0%BC%20%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8E%20MacOS%20%D0%B8%20IOs%20%D0%BD%D0%B0%20Linux%20%D0%B8%20Anroid<p>Недавно изведал для себя утилиту “<em>KDE Connect</em>”. Если, вкратце, то она помогает синхронизировать все Android устройства с Linux + KDE, тем самым давая нам следующие фичи:</p> <ul> <li>Быстрый обмен файлами</li> <li>Общий буфер обмена (<em>копируете на ПК что-то и можете вставить текст на телефоне и наоборот</em>)</li> <li>Быстрое открытие сайтов на двух устройствах</li> <li>Синхронизация уведомлений</li> <li>Возможность просмотра файлов телефона удалённо</li> <li>Возможность ответа на уведомления телефона удалённо</li> <li>Синхронизация контактной книги телефона</li> <li>Показ заряда батареи</li> <li>Просмотр сообщений</li> <li>Звонок на телефон, дабы найти его</li> </ul> <p>Впечатляет, не правда ли? Сейчас мы научимся это всё устанавливать.</p> <h2 id="установка-необходимых-компонентов-на-пк">Установка необходимых компонентов на ПК</h2> <p>Для начала нам нужно выяснить какой дистрибутив вы используете, это может быть Ubuntu (или её подвиды Kubuntu, Xubuntu, Ubuntu Budgie..), Debian, Pop_OS, Fedora (или Fedora Spins), Arch Linux (или Manjaro).</p> <h3 id="установка-на-ubuntu-или-её-подвиды-debian">Установка на Ubuntu (или её подвиды), Debian</h3> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>apt <span class="nb">install </span>kdeconnect </code></pre></div></div> <p>Данной коммандой устанавливаем KDEConnect в Ubuntu (Debian), а затем переходим к шагу <a href="#установка-необходимых-компонентов-на-android">Установка на смартфон</a>.</p> <h3 id="установка-на-fedora-fedora-spins">Установка на Fedora (Fedora Spins)</h3> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>dnf <span class="nb">install </span>kdeconnect </code></pre></div></div> <p>Данной коммандой устанавливаем KDEConnect в Fedora (Fedora Spins), а затем переходим к шагу <a href="#установка-необходимых-компонентов-на-android">Установка на смартфон</a>.</p> <h3 id="установка-на-arch-linux-manjaro">Установка на Arch Linux (Manjaro)</h3> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> kdeconnect </code></pre></div></div> <p>Данной коммандой устанавливаем KDEConnect в Arch Linux (Manjaro), а затем переходим к шагу <a href="#установка-необходимых-компонентов-на-android">Установка на смартфон</a>.</p> <h2 id="установка-необходимых-компонентов-на-android">Установка необходимых компонентов на Android</h2> <p>На телефон устанавливаем приложение KDEConnect с помощью <a href="https://play.google.com/store/apps/details?id=org.kde.kdeconnect_tp&amp;hl=en_US&amp;gl=US">Google Play</a> или <a href="https://f-droid.org/en/packages/org.kde.kdeconnect_tp/">F-Droid</a>. После этого даём KDEConnect доступ к файлам, звонкам, SMS, календарю.</p> <p>На ПК тем временем должен выскочить значок KDEConnect <img src="/blog/assets/img/Screenshot_20201026_124404.png" alt="Config KDEConnect" /></p> <p>Нажав на него мы можем настроить подключение к телефону и выбрать плагины, которые нам нужны <img src="/blog/assets/img/Screenshot_20201026_124546.png" alt="Plugins KDEConnect" /></p> <p>Собственно и всё. С этого момента устройства полностью синхронизированы.</p>

Недавно изведал для себя утилиту “KDE Connect”. Если, вкратце, то она помогает синхронизировать все Android устройства с Linux + KDE, тем самым давая нам следующие фичи:

2020-10-24T22:43:00+03:002020-10-24T22:43:00+03:00http://localhost:4000/blog/2020/10/24/Latex<blockquote> <p><strong>LaTeX</strong> — наиболее популярный набор макрорасширений (или макропакет) системы компьютерной вёрстки TeX, который облегчает набор сложных документов. В типографском наборе системы TeX форматируется традиционно как LAΤΕΧ.</p> <p>Важно заметить, что ни один из макропакетов для TeX’а не может расширить возможностей TeX (всё, что можно сделать в LaTeX’е, можно сделать и в TeX’е без расширений), но, благодаря различным упрощениям, использование макропакетов зачастую позволяет избежать весьма изощрённого программирования.</p> </blockquote> <p><strong>LaTeX</strong> - один из моих любимых инструментов для верстки документов. Он отличается от обычного <code class="language-plaintext highlighter-rouge">.doc</code> своей лаконичностью, а также широкими возможностями.</p> <h2 id="мой-темплейт-для-latex">Мой темплейт для LaTeX</h2> <p>Мой темплейт делится на несколько частей:</p> <ul> <li>Основной документ</li> <li>Содержание</li> </ul> <p>Сделал я это для того, чтобы не перемешивать подключение и настройку пакетов и верстку вместе с содержанием самого документа. <code class="language-plaintext highlighter-rouge">Содержание.tex</code> подключается в <code class="language-plaintext highlighter-rouge">Основной документ.tex</code>, тем самым отделяя всё визуальное от всего технического. Макет, к слову, я делал полностью под себя сам.</p> <p>Листинг макета:</p> <div class="language-latex highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">\documentclass</span><span class="na">[a4paper]</span><span class="p">{</span>article<span class="p">}</span> <span class="c">% Пакеты</span> <span class="k">\usepackage</span><span class="p">{</span>minted, graphicx, tikz, pgfplots<span class="p">}</span> <span class="c">% Русский язык</span> <span class="c">%--------------------------------------</span> <span class="k">\usepackage</span><span class="na">[T2A]</span><span class="p">{</span>fontenc<span class="p">}</span> <span class="k">\usepackage</span><span class="na">[utf8]</span><span class="p">{</span>inputenc<span class="p">}</span> <span class="k">\usepackage</span><span class="na">[russian]</span><span class="p">{</span>babel<span class="p">}</span> <span class="c">%--------------------------------------</span> <span class="c">% Отступы на странице</span> <span class="c">%--------------------------------------</span> <span class="k">\usepackage</span><span class="na">[margin=3cm]</span><span class="p">{</span>geometry<span class="p">}</span> <span class="c">%% Многоколоночный макет</span> <span class="k">\usepackage</span><span class="p">{</span>multicol<span class="p">}</span> <span class="c">%--------------------------------------</span> <span class="c">% Футер и хедер</span> <span class="c">%--------------------------------------</span> <span class="k">\usepackage</span><span class="p">{</span>fancyhdr<span class="p">}</span> <span class="k">\pagestyle</span><span class="p">{</span>fancy<span class="p">}</span> <span class="k">\fancyhf</span><span class="p">{}</span> <span class="k">\rhead</span><span class="p">{</span>Название документа<span class="p">}</span> <span class="k">\lhead</span><span class="p">{</span>Шило Даниил<span class="p">}</span> <span class="k">\cfoot</span><span class="p">{</span>Стр. <span class="k">\thepage</span><span class="p">}</span> <span class="k">\renewcommand</span><span class="p">{</span><span class="k">\headrulewidth</span><span class="p">}{</span>1pt<span class="p">}</span> <span class="k">\renewcommand</span><span class="p">{</span><span class="k">\footrulewidth</span><span class="p">}{</span>1pt<span class="p">}</span> <span class="c">%--------------------------------------</span> <span class="c">% Форматирование</span> <span class="c">%--------------------------------------</span> <span class="c">%% Гиперссылки</span> <span class="k">\usepackage</span><span class="p">{</span>hyperref<span class="p">}</span> <span class="k">\hypersetup</span><span class="p">{</span> colorlinks=true, linkcolor=blue, filecolor=magenta, urlcolor=cyan, <span class="p">}</span> <span class="k">\urlstyle</span><span class="p">{</span>same<span class="p">}</span> <span class="c">%% Форматирование параграфов</span> <span class="k">\setlength</span><span class="p">{</span><span class="k">\parindent</span><span class="p">}{</span>2em<span class="p">}</span> <span class="k">\setlength</span><span class="p">{</span><span class="k">\parskip</span><span class="p">}{</span>1em<span class="p">}</span> <span class="c">%% Размещение текста (\begin{flushright}, \begin{flushleft}, \begin{center}</span> <span class="k">\usepackage</span><span class="p">{</span>ragged2e<span class="p">}</span> <span class="c">%% Делать отступ на первой линии</span> <span class="k">\usepackage</span><span class="p">{</span>indentfirst<span class="p">}</span> <span class="c">%--------------------------------------</span> <span class="c">% Главная информация о авторе</span> <span class="c">%--------------------------------------</span> <span class="k">\title</span><span class="p">{</span>Название документа<span class="p">}</span> <span class="k">\author</span><span class="p">{</span>Шило Даниил<span class="p">}</span> <span class="k">\date</span><span class="p">{</span>2020<span class="p">}</span> <span class="c">%--------------------------------------</span> <span class="nt">\begin{document}</span> <span class="k">\maketitle</span> <span class="k">\tableofcontents</span> <span class="k">\newpage</span><span class="p">{}</span> <span class="k">\setcounter</span><span class="p">{</span>page<span class="p">}{</span>1<span class="p">}</span> <span class="k">\section</span><span class="p">{</span>Начало<span class="p">}</span> <span class="c">% BEGIN</span> include<span class="p">{</span>content<span class="p">}</span> <span class="c">% END</span> <span class="nt">\end{document}</span> </code></pre></div></div> <p>Как вы уже поняли, файл <code class="language-plaintext highlighter-rouge">content.tex</code> - будет содержать в себе весь текст.</p> <h2 id="на-чём-можно-писать-latex">На чём можно писать LaTeX?</h2> <p>Лично я использую <a href="overleaf.com">Overleaf</a>, поскольку он удобный, быстрый и достаточно гибкий в настройке. Некоторым не нравятся онлайн-сервисы и они используют связку Vim + LaTeX-Suite или Emacs + LaTeX, или VSCode + LaTeX Workshop. На самом деле, вариантов достаточно много, однако я рекомендую именно <em>overleaf</em>, так как он даёт наибольший результат за наименьшее время. Также, у <em>overleaf</em> есть прекрасная <a href="https://www.overleaf.com/learn">справка</a>, с помощью которой я вообще понял что такое LaTeX и научился писать на нём документы.</p>

LaTeX — наиболее популярный набор макрорасширений (или макропакет) системы компьютерной вёрстки TeX, который облегчает набор сложных документов. В типографском наборе системы TeX форматируется традиционно как LAΤΕΧ. Важно заметить, что ни один из макропакетов для TeX’а не может расширить возможностей TeX (всё, что можно сделать в LaTeX’е, можно сделать и в TeX’е без расширений), но, благодаря различным упрощениям, использование макропакетов зачастую позволяет избежать весьма изощрённого программирования.

2020-10-24T02:37:00+03:002020-10-24T02:37:00+03:00http://localhost:4000/blog/2020/10/24/Browsers<p>В наше время браузеров достаточно много. Для веб-разработчиков есть достаточно большой выбор: Google Chrome, Firefox, Firefox Developer Edition, Vivaldi, Chromium.</p> <p>Лично я предпочитаю Google Chrome, потому что он достаточно быстрый, умный, хорошо синхронизируется с мобильными устройствами, а также в нём прекрасные инструменты разработчика. Стоит раз попробовать его, как потом сложно будет перейти на какой-то другой браузер.</p> <p>Вообще, вся тема с браузерами немного преувеличена, так как по сути все они следуют одному <a href="https://www.w3.org/standards/">стандарту</a> (<em>ну, или стараются ему следовать</em>). Раньше одним из передовых браузеров был Firefox, но так как Google заняла большую часть рынка смартфонов с андроидов, то и пользователей Google Chrome, стало больше, так как Google Chrome поставляется с андроидом с 2012 года.</p> <p>В 2020 году Mozilla (компания, которая сделала Firefox) уволила 25% процентов сотрудников, поэтому c дальнейшим быстрым развитием Firefox, думаю, стоит подождать. Именно поэтому я и советую перейти на Google Chrome.</p> <p>Однако, выбор остаётся за каждым и вообще кроме Firefox и Google Chrome есть также и другие браузеры, сейчас я покажу как их установить в Arch Linux:</p> <h2 id="установка-браузеров-в-arch-linux">Установка браузеров в Arch Linux</h2> <p>Сейчас установим несколько пакетов в Arch Linux, а также настроим браузеры</p> <h3 id="google-chrome">Google Chrome</h3> <p>Устанавливаем <code class="language-plaintext highlighter-rouge">yay</code> (<em>Yet another yogurt</em>)</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> base-devel git git clone https://aur.archlinux.org/yay.git <span class="nb">cd </span>yay <span class="o">&amp;&amp;</span> makepkg <span class="nt">-si</span> <span class="o">&amp;&amp;</span> <span class="nb">cd</span> - </code></pre></div></div> <p>Затем скачиваем и устанавливаем пакет <code class="language-plaintext highlighter-rouge">google-chrome</code></p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yay <span class="nt">-Sy</span> google-chrome </code></pre></div></div> <h3 id="firefox">Firefox</h3> <p>Сразу устанавливаем <code class="language-plaintext highlighter-rouge">firefox</code> с помощью <code class="language-plaintext highlighter-rouge">pacman</code></p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> firefox </code></pre></div></div> <h3 id="firefox-developer-edition">Firefox Developer Edition</h3> <p><code class="language-plaintext highlighter-rouge">Firefox Developer Edition</code> - браузер, который специально создан разработчиками для разработчиков. Один из моих фаворитов (после <code class="language-plaintext highlighter-rouge">Google Chrome</code>), так как потребляет мало ресурсов и предоставляет достаточно удобные инструменты разработчика.</p> <p>Устанавливаем так же, с помощью <code class="language-plaintext highlighter-rouge">pacman</code>:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> firefox-developer-edition </code></pre></div></div> <h3 id="vivaldi">Vivaldi</h3> <p>Устанавливаем <code class="language-plaintext highlighter-rouge">yay</code> (<em>Yet another yogurt</em>) (<em>Не устанавливаем, если уже установлен, естественно</em>)</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> base-devel git git clone https://aur.archlinux.org/yay.git <span class="nb">cd </span>yay <span class="o">&amp;&amp;</span> makepkg <span class="nt">-si</span> <span class="o">&amp;&amp;</span> <span class="nb">cd</span> - </code></pre></div></div> <p>Затем скачиваем и устанавливаем пакет <code class="language-plaintext highlighter-rouge">google-chrome</code></p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yay <span class="nt">-Sy</span> vivaldi </code></pre></div></div> <h3 id="chromium">Chromium</h3> <p>Сразу устанавливаем <code class="language-plaintext highlighter-rouge">Chromium</code> с помощью <code class="language-plaintext highlighter-rouge">pacman</code></p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> chromium </code></pre></div></div>

В наше время браузеров достаточно много. Для веб-разработчиков есть достаточно большой выбор: Google Chrome, Firefox, Firefox Developer Edition, Vivaldi, Chromium.

2020-10-22T23:39:00+03:002020-10-22T23:39:00+03:00http://localhost:4000/blog/2020/10/22/Services<p>В наше время люди не могут обойтись без онлайн сервисов. В данном посте я размещу сервисы, которые я использую почти постоянно:</p> <h2 id="webdevelopment">WebDevelopment</h2> <ul> <li><a href="https://www.upwork.com/">Upwork</a></li> <li><a href="https://fonts.google.com/">Google Fonts</a></li> <li><a href="https://www.npmjs.com/">NPM.js</a></li> <li><a href="https://github.com/">Github</a></li> <li><a href="https://bitbucket.org/">BitBucket</a></li> <li><a href="https://developer.mozilla.org/">MDN</a></li> <li><a href="https://codepen.io/">Codepen</a></li> <li><a href="https://jsfiddle.net/">JSFiddle</a></li> <li><a href="https://repl.it/">Repl.it</a></li> <li><a href="https://regex101.com/">Regex101</a></li> </ul> <h2 id="free-images">Free Images</h2> <ul> <li><a href="https://www.pexels.com/">Pexels</a></li> <li><a href="https://unsplash.com/">Unsplash</a></li> </ul> <h2 id="editors-and-self-organization">Editors and self-organization</h2> <ul> <li><a href="https://www.overleaf.com/">Overleaf</a></li> <li><a href="https://stackedit.io/">Stackedit</a></li> <li><a href="https://www.notion.so/">Notion</a></li> <li><a href="https://trello.com/">Trello</a></li> <li><a href="https://www.wrike.com/">Wrike</a></li> </ul> <h2 id="entertainment">Entertainment</h2> <ul> <li><a href="https://www.slant.co/">Slant</a></li> <li><a href="https://slack.com/intl/en-ru/">Slack</a></li> <li><a href="https://habr.com/ru/">Habr</a></li> <li><a href="https://www.tutorialspoint.com/index.htm">tutorialspoint</a></li> <li><a href="https://www.geeksforgeeks.org/">geeksforgeeks</a></li> <li><a href="https://www.freecodecamp.org/">FreeCodeCamp</a></li> <li><a href="https://itsfoss.com/">it’s FOSS</a></li> </ul> <h2 id="fonts-and-icons">Fonts and icons</h2> <ul> <li><a href="https://fontawesome.com/">FontAwesome</a></li> <li><a href="https://fontello.com/">Fontello</a></li> <li><a href="https://icons8.com/">Icons8</a></li> <li><a href="https://learn.javascript.ru/">learnjs</a></li> <li><a href="https://thenounproject.com/">theNeunProject</a></li> <li><a href="https://materialdesignicons.com/">Material Design Icons</a></li> </ul> <h1 id="стеки">Стеки</h1> <p>Для определённых дел иногда требуются стеки технологий (совокупность технологий)</p> <h2 id="веб-разработка">Веб-разработка</h2> <ul> <li><a href="https://codepen.io/">Codepen</a></li> <li><a href="https://jsfiddle.net/">JSFiddle</a></li> <li><a href="https://fonts.google.com/">Google Fonts</a></li> <li><a href="https://www.npmjs.com/">NPM.js</a></li> <li><a href="https://developer.mozilla.org/">MDN</a></li> <li><a href="https://github.com/">Github</a></li> <li><a href="https://bitbucket.org/">BitBucket</a></li> </ul> <h2 id="написание-документов">Написание документов</h2> <ul> <li><a href="https://www.overleaf.com/">Overleaf</a></li> <li><a href="https://stackedit.io/">Stackedit</a></li> <li><a href="https://docs.google.com/">Google Docs</a></li> </ul> <h2 id="работа-с-командой">Работа с командой</h2> <ul> <li><a href="https://trello.com/">Trello</a></li> <li><a href="https://www.notion.so/">Notion</a></li> <li><a href="https://repl.it/">Repl.it</a></li> <li><a href="https://www.wrike.com/">Wrike</a></li> </ul>

В наше время люди не могут обойтись без онлайн сервисов. В данном посте я размещу сервисы, которые я использую почти постоянно:

2020-10-21T14:26:00+03:002020-10-21T14:26:00+03:00http://localhost:4000/blog/2020/10/21/%D0%9E%20%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%20%D0%BF%D1%80%D0%BE%D1%82%D0%BE%D0%BA%D0%BE%D0%BB%D0%B5<blockquote> <p><strong>Сетево́й протоко́л</strong> — набор правил и действий (очерёдности действий), позволяющий осуществлять соединение и обмен данными между двумя и более включёнными в сеть устройствами. (<a href="https://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%BE%D1%82%D0%BE%D0%BA%D0%BE%D0%BB_%D0%BF%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B8_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85">Википедия</a>)</p> </blockquote> <p><strong>IP (Internet Protocol)</strong> - набор правил для отправки информации через сеть, а также получения этой информации. Вся информация в интернете разделена на кусочки, которые называются пакеты. Атрибуты интернет протокола привязаны к каждому пакету, чтобы роутер (или другое устройство для отправления пакетов) знало куда именно отправлять данный пакет. Адрес от кого и куда пакет отправляется называется <strong>IP-адресом</strong>.</p> <p><strong>IP-адрес</strong> состоит из 4 цифр, каждая из них может принимать 256 значений (от 0 до 255), например: <code class="language-plaintext highlighter-rouge">192.168.0.1, 127.88.93.2, 255.255.255.255, 0.0.0.0</code>. Данный адрес является <em>IPv4</em> адресом. Компьютер видит его примерно так: <code class="language-plaintext highlighter-rouge">11000000.10101000.00000000.00000001</code></p> <p>Также, для отправки пакета нужна маска подсети. Маска подсети отделяет <em>адрес сети</em> и <em>адрес хоста</em> (<em>хост - устройство, которое подключено к сети</em>), для того чтобы отделить одного от другого как раз таки и нужна маска подсети.</p> <p>Для того чтобы отделить одного от другого нужно знать, что такое побитовое умножение. В побитовом умножении всё достаточно легко:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> 11000000.10101000.00000000.00000001 (192.168.0.1) + 11111111.11111111.11111111.00000000 (255.255.255.0) ----------------------------------- 11000000.10101000.00000000.00000000 (192.168.0.0) </code></pre></div></div> <p>При побитовом сложении получается 1, только если два слагаемых равны 1. Обычно маска подсети это <code class="language-plaintext highlighter-rouge">255.255.255.0</code>. Поэтому первые 3 октеты (<em>октета - 8 чисел</em>) будут точно такие же, как и IP-адрес, а последних цифр не будет. Как уже можно понять первые 3 октеты - адрес сети, последняя октета - адрес хоста.</p> <!-- ## Классы IP <table cellpadding="2" cellspacing="0" width="650"> <thead> <tr> <th align="center" valign="top">&nbsp;</th> <th align="center" valign="top"><strong>Адреса сетей</strong></th> <th align="center" valign="top"><strong>Маска подсети</strong></th> <th align="center" valign="top"><strong>Количество сетей</strong></th> <th align="center" valign="top"><strong>Количество хостов</strong></th> </tr> </thead> <tbody> <tr> <td align="center" valign="top"><strong>Класс A</strong></td> <td align="center" valign="top">1-126.0.0.0</td> <td align="center" valign="top">255.0.0.0</td> <td align="center" valign="top">126</td> <td align="center" valign="top">16,777,214</td> </tr> <tr> <td align="center" valign="top"><strong>Класс B</strong></td> <td align="center" valign="top">128-191.0.0.0</td> <td align="center" valign="top">255.255.0.0</td> <td align="center" valign="top">16,384</td> <td align="center" valign="top">65,534</td> </tr> <tr> <td align="center" valign="top"><strong>Класс C</strong></td> <td align="center" valign="top">192-223.0.0.0</td> <td align="center" valign="top">255.255.255.0</td> <td align="center" valign="top">2,097,152</td> <td align="center" valign="top">254</td> </tr> </tbody> </table> --> <h2 id="что-присутствует-в-ip-пакете">Что присутствует в IP пакете?</h2> <p>В IP пакете присутствуют следующие атрибуты:</p> <ul> <li>Адрес отправителя</li> <li>Адрес получателя</li> <li>Размер пакета</li> <li>Какой метод транспортировки используется (<em>TCP, UDP</em>)</li> <li>TTL (<strong>Time To Live</strong>) - количество попыток, перед которым пакет “потеряется”</li> </ul> <blockquote> <p><strong>Протокол передачи данных</strong> — набор соглашений интерфейса логического уровня, которые определяют обмен данными между различными программами. Эти соглашения задают единообразный способ передачи сообщений и обработки ошибок. Сигнальный протокол используется для управления соединением — например, установки, переадресации, разрыва связи. Примеры протоколов: RTSP, SIP. Для передачи данных используются такие протоколы как RTP. (<a href="https://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%BE%D1%82%D0%BE%D0%BA%D0%BE%D0%BB_%D0%BF%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B8_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85">Википедия</a>)</p> </blockquote> <h2 id="методы-транспортировки-пакетов-tcp">Методы транспортировки пакетов (TCP)</h2> <p><strong>Transmission Control Protocol</strong> - один из протоколов передачи данных, который является достаточно медленным, однако надёжным. При отправке пакета по протоколу TCP, хост отправляет пакет к другому хосту и <strong>ждёт ответа (пришёл ли пакет)</strong>. Если пакет <em>не пришёл</em>, то хост отправляет пакет снова. Также стоит отметить что данный протокол устанавливает соединение <strong>до</strong> того, как собирается отправлять пакеты.</p> <h2 id="методы-транспортировки-пакетов-udp">Методы транспортировки пакетов (UDP)</h2> <p><strong>User Datagram Protocol</strong> - протокол, который отличается от <strong>TCP</strong> скоростью, но точно не надёжностью. Он не устанавливает соединение до отправки пакетов и не проверяет получил ли пакет адресат (<em>тот, кто получил пакет</em>).</p>

Сетево́й протоко́л — набор правил и действий (очерёдности действий), позволяющий осуществлять соединение и обмен данными между двумя и более включёнными в сеть устройствами. (Википедия)

2020-10-18T15:50:05+03:002020-10-18T15:50:05+03:00http://localhost:4000/blog/2020/10/18/%D0%92%D1%80%D0%B5%D0%BC%D1%8F%20%D0%B2%20%D0%BB%D0%B8%D0%BD%D1%83%D0%BA%D1%81%20%D0%B8%20Windows%20%D0%BF%D1%80%D0%B8%20%D0%B4%D1%83%D0%B0%D0%BB%D0%B1%D1%83%D1%82%D0%B5<p>Очень часто у пользователей при дуалбуте (установке Windows, а затем Linux) возникают сложности с тем, что время на системах разнится и оно всё время сбивается при переключении с одной системы на другую.</p> <p>Я нашёл достаточно быстрое решение для этой проблемы:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">ln</span> <span class="nt">-sf</span> /usr/share/zoneinfo/&lt;Country&gt;/&lt;City&gt; /etc/localtime timedatectl set-ntp <span class="nb">true</span> <span class="c"># Данная команда будет синхронизировать время с сервером</span> timedatectl </code></pre></div></div>

Очень часто у пользователей при дуалбуте (установке Windows, а затем Linux) возникают сложности с тем, что время на системах разнится и оно всё время сбивается при переключении с одной системы на другую.

2020-10-18T00:35:05+03:002020-10-18T00:35:05+03:00http://localhost:4000/blog/2020/10/18/O%20Tiling-wm%20%D0%B2%202-%D1%85%20%D1%81%D0%BB%D0%BE%D0%B2%D0%B0%D1%85<p>Немного расскажу о моем опыте использования тайловых менеджеров окон, а также рассмотрим кратко плюсы и минусы, которые я нашёл за 3 месяца использования.</p> <h1 id="вкратце">Вкратце</h1> <p>Я использовал bspwm, awesome и i3 из тайловых менеджеров окон. Самым удобным оказался bspwm. Его буквально можно поставить на ПК и он уже настроен.</p> <p>Опыт перехождения с мышки на клавиатуру и только был болезненный. Во всех трех менеджерах можно использовать мышь, однако делать этого незачем, ибо с мышью прекрасно справляются KDE, Gnome, XFCE, Cinnamon и многие другие DE.</p> <p><strong>Плюсы и минусы</strong>:</p> <h5 id="i3">i3</h5> <p>+ Гибконастраиваемый</p> <p>+ Легковесный</p> <p>+ Вся конфигурация в одном файле (<em>хотя, этот плюс, конечно же субъективный</em>)</p> <p>+ Правила расположения окон можно настроить очень гибко</p> <p>+ Очень хорошая документация</p> <p>- Оригинальный i3 не такой уж и гибкий, как его форк <a href="https://github.com/Airblader/i3">i3-gaps</a> - Изначально поставляется просто как пусfooterтой экран с dmenu (пакет из suckless-tools)</p> <p>Скриншоты:</p> <p><img src="https://habrastorage.org/webt/zu/bq/nl/zubqnl7yvwxzm_zuy487hd31sye.jpeg" alt="" /></p> <p><img src="https://habrastorage.org/webt/ep/ou/o0/epouo0filjvlyrkd3gu0ygggbda.jpeg" alt="" /></p> <p><a href="https://github.com/Username77177/dotfiles">Моя конфигурация i3</a></p> <h5 id="bspwm">bspwm</h5> <p>+ Конфигурация может быть написана на любом скриптовом языке. По сути конфигурация - просто набор последовательных правил. Сам же bspwm может быть настроен с помощью bspc</p> <p>+ Bspc содержит мануал с краткими выкладками и примерами</p> <p>+ Отступы между окнами присутствуют по умолчанию в отличии от i3</p> <p>+ Настройка горячих клавиш производится с помощью отдельной программы sxhkd. Все горячие клавиши могут быть перенесены на другой WM</p> <p>- Нет нормальной документации (только мануал)</p> <p>- Нужно докачивать программы по типу rofi, dmenu, alacritty (или любого другого терминала) и так далее, т.к. без них bspwm <strong>вообще ничего не показывает</strong></p> <p>- Может чуть больше нагружать систему, чем i3 из-за дополнительных утилит</p> <p><a href="https://github.com/Username77177/bspwm-ground-config">Моя конфигурация bspwm</a></p> <h5 id="awesome">awesome</h5> <p>+ Хорошо задокументирован</p> <p>+ Вся конфигурация на языке Lua</p> <p>+ Очень гибкий</p> <p>+ Все утилиты нужные для работы идут в комплекте. Не нужно ничего докачивать</p> <p>+ Нормально обращается с мышью</p> <p>+ Отступы между окнами присутствуют (привет, i3)</p> <p>- Обязательное знание Lua</p> <p>- Немного больше нагружает систему, чем bspwm</p> <h1 id="личное-мнение">Личное мнение</h1> <p>Мне лично по душе bspwm. Он лёгкий в конфигурации, над ним не нужно много работать, всё уже готово.</p> <p>Скриншоты:</p> <p><img src="https://habrastorage.org/webt/1g/oj/a8/1goja8i12nnsfgmuomisldurjqq.png" alt="" /></p> <p><img src="https://habrastorage.org/webt/d5/bu/ya/d5buyan8btyiasceq0kj0mck-gs.png" alt="" /></p> <p><img src="https://habrastorage.org/webt/dh/sy/6w/dhsy6wsqr3_ldqi2vj3bnixi-s0.png" alt="" /></p> <p><img src="https://habrastorage.org/webt/jz/sc/vk/jzscvkbgym0so_tpomwmdzrpyjo.png" alt="" /></p> <h2 id="upd">UPD:</h2> <p>Собрал все репозитории с конфигурационными файлами <a href="https://github.com/Username77177/dotfiles">Репозиторий, где я собирал конфиг i3/bspwm</a> <a href="https://github.com/Username77177/Configurations">Репозиторий, где я собирал конфиг под терминал, tmux, и другое</a> <a href="https://github.com/Username77177/bspwm-ground-config">Репозиторий, отведённый чисто для bspwm</a></p>

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

2020-10-18T00:35:05+03:002020-10-18T00:35:05+03:00http://localhost:4000/blog/2020/10/18/%D0%9A%D0%BE%D0%BD%D1%81%D0%BE%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5%20%D1%83%D1%82%D0%B8%D0%BB%D0%B8%D1%82%D1%8B%20Linux,%20%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5%20%D1%81%D0%BC%D0%BE%D0%B3%D1%83%D1%82%20%D0%BE%D0%B1%D0%BB%D0%B5%D0%B3%D1%87%D0%B8%D1%82%D1%8C%20%D0%B2%D0%B0%D0%BC%20%D0%B6%D0%B8%D0%B7%D0%BD%D1%8C<p>Немного о утилитах на консоли, которые знают немногие, однако они могут быть полезны как для начинающего джуна, так и для крепкого сеньора.</p> <h1 id="почему-стоит-написать-об-этом">Почему стоит написать об этом</h1> <p>Написать о утилитах (прежде всего консольных) стоит из-за того, что я вижу, как многие люди не используют мощность консоли на все 100%. Многие ограничиваются простым созданием файлов, а также переходом между директориями, работая в консоли. Я считаю что это следствие того, что в рунете мало источников, где бы могли нормально рассказать о утилитах, как на них работать, и что они делают. Оценивать утилиты мы будем по 5-бальной шкале. Сделано это для того, чтобы вы сразу могли понять, где на мой субъективный взгляд, одна утилита на голову выше другой. Я не призываю использовать что-то определенное, или использовать <strong>только командные утилиты</strong>. Нет, наоборот, я просто даю вам выбор. Пользоваться или нет полученными знаниями, на которые я потратил кучу времени - дело ваше.</p> <p>Я сразу хочу сказать, что в этом посте присутствуют утилиты, которые понадобились непосредственно мне при разработке. Если у вас есть свои предложения как дополнить этот список, милости прошу в комментарии.</p> <h1 id="перейдем-к-списку">Перейдем к списку</h1> <h2 id="передвижение-по-директориям">Передвижение по директориям</h2> <h3 id="vifm">ViFM</h3> <p><img src="https://habrastorage.org/webt/sh/jp/m3/shjpm3d_3nsxvrke-yohk2g7hcw.png" alt="" /></p> <p><a href="https://github.com/vifm/vifm">ViFM</a> - vim-подобный файловый менеджер, который способен быстро переходить между директориями и выполнять какие-либо операции с файлами и директориями посредством ввода команд или хоткеев. По умолчанию представляет из себя две панели (чёрную и белую) между которыми вы можете переключаться.</p> <p><em>Оценка: 3, ибо для того чтобы пользоваться этим ФМ, вам нужно будет выучить кучу vim-подобных команд, а также знать хоткеи vim’а</em></p> <h3 id="mc">mc</h3> <p><img src="https://habrastorage.org/webt/n3/rv/8k/n3rv8k61fmkxdwet8iat1vybbn8.png" alt="" /></p> <p><a href="https://midnight-commander.org/">mc</a> (Midnight Commander) - классика в Linux’e. С помощью него вы сможете также быстро перемещаться между директориями, менять права доступа, открывать файлы с помощью встроенного редактора, а также многое другое. В программу встроен довольно понятный интерфейс, где внизу находятся хоткеи, а вверху две панели (между которыми вы переключаетесь с помощью клавиши Tab).</p> <p><em>Оценка : 5. Это то, что нужно новичку, и подходит продвинутому пользователю. Вам не нужны никакие предварительные знания, чтобы полноценно использовать этот ФМ.</em></p> <h3 id="ranger">Ranger</h3> <p><img src="https://habrastorage.org/webt/5g/rr/zz/5grrzzp4wmlajxit9dxysnhbjwk.png" alt="" /></p> <p><a href="https://github.com/ranger/ranger">Ranger</a> - ещё один ФМ с вим-подобной раскладкой. Однако, на этот раз утилита написана на Python, что делает её медленнее, но в то же время чертовски гибкой и удобной. Вы можете открывать файлы сразу из менеджера с помощью rifle (сценарий, который ищет какая программа подойдет для открытия данного файла на вашем ПК). Также доступно редактирование, просмотр быстрых клавиш (отдельно от мануала, который вызывается командой :help), и много других плюшек.</p> <p><em>Оценка: 4. Было бы 5, если бы не скорость работы</em></p> <h2 id="быстрый-поиск">Быстрый поиск</h2> <p>Быстрый поиск не доступен на оболочке Gnome, например. (<em>Здесь говорится о быстром поиске включая содержимое файлов. Gnome же обладает просто поиском, причем ещё и очень медленным</em>)</p> <h3 id="fzf">fzf</h3> <p><img src="https://habrastorage.org/webt/xi/0z/cy/xi0zcy_nc3irvaptrk8z0rkplyo.png" alt="" /></p> <p><a href="https://github.com/junegunn/fzf">fzf (FuzzyFinder)</a> - утилита для быстрого поиска среди директорий, а также текста в определенном массиве файлов. Она может быть легко заменена на find, однако является его более быстрым и удобным аналогом.</p> <p><em>Оценка: 5. Утилита отлично выполняет свою работу.</em></p> <h3 id="hf">hf</h3> <p><a href="https://github.com/hugows/hf">hf (happyfinder)</a> - ещё одна утилита для быстрого поиска в директориях и файлах. Отличается тем, что доступны также некоторые хоткеи и использование команд в самой утилите реализовано чуточку удобнее, чем у конкурента</p> <p><em>Оценка: 5</em></p> <h3 id="autojump">autojump</h3> <p><a href="https://github.com/wting/autojump">autojump</a> - утилита для быстрого перепрыгивания через папки к определенному файлу.</p> <h2 id="редактирование">Редактирование</h2> <p>Тут я ограничюсь только списком утилит. Ибо редактор - то, чем вы пользуетесь постоянно (а если не пользуетесь, то тем более вам не нужны лишние объяснения), поэтому тут на вкус и цвет</p> <ul> <li><a href="https://github.com/vim/vim">Vim</a></li> <li><a href="https://github.com/neovim/neovim">NeoVim</a></li> <li>Nano (стандартный редактор Linux)</li> <li>Vi (ещё один стандартный редактор Linux)</li> <li><a href="http://www.gnu.org/software/emacs/">Emacs</a></li> <li><a href="https://github.com/zyedidia/micro">Micro</a></li> <li><a href="https://github.com/mawww/kakoune">Kakoune</a></li> <li><a href="https://github.com/hlissner/doom-emacs">Doom Emacs</a> (<em>просто конфигурация Emacs, однако изменяет его так, что это уже совсем не похоже на ванильный Emacs</em>)</li> </ul> <h2 id="сами-терминалы">Сами терминалы</h2> <h3 id="alacritty-самый-быстрый">Alacritty (самый быстрый)</h3> <p><img src="https://cloud.githubusercontent.com/assets/4285147/21585004/2ebd0288-d06c-11e6-95d3-4a2889dbbd6f.png" alt="" /> <a href="https://github.com/alacritty/alacritty">Alacritty</a> - эмулятор терминала на Linux/Windows/MacOS, который считается самым быстрым (так пишет сам автор этого терминала)</p> <p><em>Оценка: 4. На мой субъективный взгляд - не самый удобный и комфортный терминал.</em></p> <h3 id="hyper-самый-красивый">Hyper (самый красивый)</h3> <p><img src="https://habrastorage.org/webt/iu/sf/2d/iusf2dx5bsnydpov1cydpew2lsa.png" alt="" /></p> <p><a href="https://hyper.is/">Hyper</a> - терминал, который заслуживает того, чтобы вы попробовали использовать его на своей системе. Его интерфейс сделан с помощью CSS/HTML, а базируется он на фреймворке Electron (что конечно же будет делать его немножко прожорливее)</p> <p><em>Оценка: 5. Терминал удобный и красивый. Он расширяемый и в нём есть куча фич.</em></p> <h2 id="быстрая-справка-или-поиск-чего-либо">Быстрая справка (или поиск чего-либо)</h2> <h3 id="ddgr">ddgr</h3> <p><img src="https://habrastorage.org/webt/yo/52/lw/yo52lwurk_0b42zq19xbrj4jf_8.png" alt="" /></p> <p><a href="https://github.com/jarun/ddgr">ddgr</a> - командная утилита, которая позволяет пользоваться DuckDuckGo прямо из консоли.</p> <p><em>Оценка: 5. Программа быстро выполняет запрос и отдаёт результаты (естественно, ибо не нужно прогружать HTML/CSS. Всё быстренько парсится)</em></p> <h3 id="tldr">tldr</h3> <p><img src="https://habrastorage.org/webt/9n/me/kl/9nmekljhzq4d5xtyaj2_tfgz2eg.png" alt="" /></p> <p><a href="https://github.com/tldr-pages/tldr">tldr</a> - замена стандартного man, который умеет всё тоже самое, однако вместо того, чтобы давать полный мануал к программе, она даёт краткие вырезки для быстрого использования</p> <p><em>Оценка: 4. Иногда tldr выдаёт уж слишком короткую справку, а также на многие программы просто нет документации в tldr</em></p> <h3 id="howdoi">howdoi</h3> <p><a href="https://github.com/gleitz/howdoi">howdoi</a> - парсит ответы с разных сайтов на вопросы о программировании.</p> <p><em>Оценка: 3. Часто находит ответы на совсем не те вопросы. Также крайне неудобно, что ответ выводится только один</em></p> <h3 id="navi">navi</h3> <p><a href="https://github.com/denisidoro/navi">navi</a> - консольная утилита, подобная howdoi, однако отвечающая сугубо на вопросы о командах консоли</p> <h3 id="how2">how2</h3> <p><a href="https://github.com/santinic/how2">how2</a> - утилита подобная howdoi, однако дающая выбор на какой вопрос посмотреть ответ. (Парсит всё с StackOverflow)</p> <p><em>Оценка: 5. Лучшая утилита для быстрого поиска решений</em></p> <h2 id="веб-разработка">Веб-разработка</h2> <p><a href="https://surge.sh/">Surge</a> - утилита для быстрого пуша сайтов на бесплатный (или платный, в зависимости от ваших требований) сервер</p> <p><a href="https://github.com/sgentle/caniuse-cmd">Caniuse</a> - консольная утилита, которая говорит какие теги поддерживаются в браузерах</p> <h2 id="дополнительные-утилиты">Дополнительные утилиты</h2> <h3 id="trash-cli">trash-cli</h3> <p><a href="https://github.com/sindresorhus/trash-cli">trash-cli</a> - утилита для просмотра того, что содержится в корзине</p> <h3 id="buku">buku</h3> <p><a href="https://github.com/jarun/Buku">buku</a> - утилита для быстрой сортировки и хранения закладок сайтов со всех браузеров.</p> <h3 id="tmux">tmux</h3> <p><a href="https://github.com/tmux/tmux">tmux</a> - терминальный мультиплексор. Делит окно вашего терминала на панели. Очень удобно, когда в вашем распоряжении нет GUI вообще.</p> <h3 id="text-meme-cli">text-meme-cli</h3> <p><a href="https://github.com/beatfreaker/text-meme-cli">text-meme-cli</a> - утилита для создания анимации текста на каком-либо фоне.</p> <h3 id="asciinema">asciinema</h3> <p><a href="https://github.com/asciinema/asciinema">asciinema</a> - утилита для записи хронологии команд терминала в гиф-файл.</p> <h3 id="youtube-dl">Youtube-dl</h3> <p><a href="https://github.com/ytdl-org/youtube-dl">youtube-dl</a> - утилита для скачивания видео/аудио с видеохостинга Youtube.</p> <h3 id="picofeed">picofeed</h3> <p><a href="https://github.com/seenaburns/picofeed">picofeed</a> - легкий RSS клиент для консолей</p> <h3 id="terminalnews">terminalnews</h3> <p><a href="https://github.com/antavelos/terminews">terminalnews</a> - ещё один удобный RSS-клиент для консоли.</p> <h1 id="а-что-за-список">А что за список?</h1> <p>Это список утилит, которые я использую сам лично. Дополнительный список вы можете найти здесь <a href="https://github.com/agarrharr/awesome-cli-apps#terminal-sharing-utilities">ссылка на репозиторий GitHub</a> Я настоятельно попрошу вас дополнить список своими утилитами в комментариях. Если этот пост принёс в ваш терминал хоть чуточку чего-нибудь нового - был рад посодействовать.</p>

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

2020-10-18T00:35:05+03:002020-10-18T00:35:05+03:00http://localhost:4000/blog/2020/10/18/%D0%9A%D0%BE%D0%BD%D1%84%D0%B8%D0%B3%D1%83%D1%80%D0%B0%D1%86%D0%B8%D1%8F%20i3%20%D0%BF%D0%BE%D0%B4%20%D0%BD%D0%BE%D1%83%D1%82%D0%B1%D1%83%D0%BA:%20%D0%BA%D0%B0%D0%BA%20%D0%BF%D0%BE%D0%B4%D0%BD%D1%8F%D1%82%D1%8C%20%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D1%8C%20%D0%B4%D0%BE%20100%25<p>Недавно я понял, что мой ноутбук недостаточно производителен. Ему не хватает мощности вывезти всё вместе: Vim (+ 20 плагинов), VSCode (+ столько же расширений), Google Chrome (+ 20 вкладок) и так далее. Казалось бы, обычная проблема на ноутбуках с 4 ГБ ОЗУ, однако я не стал сдаваться. Я люблю ноутбуки за их компактность, а также за то, что они могут работать на батарее где угодно. Мне нужно было просто подумать, как освободить лишнюю ОЗУ, а также увеличить энергоэффективность.</p> <p><img src="https://habrastorage.org/webt/za/im/iz/zaimiz9qe70tbtpjbyqul5-rgs8.jpeg" /></p> <cutoff /> <hr /> <blockquote> <p>Если вам нужны сразу конфиги, то пролистывайте вниз к разделу “Разбираем установочку”</p> </blockquote> <h1> Операционная система </h1> <p>Так как мне нужна ОС, которая будет жрать наименьшее количество ОЗУ и батареи, я выбрал <strong>Arch Linux</strong>. Классика, ничего нового. Его репозитории позволят мне автоматизировать кучу ненужной работы, а <em><a href="https://aur.archlinux.org/">AUR</a> </em> позволит сократить ещё больше времени.</p> <h1> Менеджер окон</h1> <p>Я решил взять именно менеджер окон, а не полноценное окружение. Хоть мне и нравятся кеды (KDE), но они все равно кушают достаточно много из-за того, что они подтягивают за собой много библиотек и зависимостей. Ну и сама по себе DE’шка жрёт много из-за всяких ненужных виджетов. <img src="https://habrastorage.org/webt/br/hi/gx/brhigxphmrzwphfktt5vjkv_q2w.jpeg" /></p> <hr /> <h2>Разбираем установочку</h2> <p>Для начала нам нужно установить все основные пакеты (нужно же нам что-то конфигурировать)</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> <span class="nt">--noconfirm</span> i3 i3-gaps base-devel rofi okular feh vim code picom kitty ranger git xdotool xautolock i3lock-color scrot imagemagick rxvt-unicode urxvt-perls </code></pre></div></div> <p><strong>Вот примерная схема, как всё будет работать</strong></p> <p><img src="https://habrastorage.org/webt/_a/fy/zg/_afyzgb5qfp_mhp1w1flx_ahu9s.png" alt="" /></p> <h3 id="какие-пакеты-для-чего-нужны">Какие пакеты для чего нужны?</h3> <p>| Пакет | Для чего нужен | | ———— | ————————————————————————————————————— | | xwinwrap | Нужен для установки файлов с расширением .gif в виде анимированных обоев | | polybar | Нужен для того, чтобы в менеджере окон отображался топбар | | i3 | Сам оконный менеджер | | i3-gaps | Расширение для оконного менеджера | | base-devel | Компоненты необходимые для установки polybar | | rofi | Программа для запуска приложений | | okular | Программа для просмотра документов | | zathura | Программа для просмотра документов (поддерживает не так много расширений, однако более минималистичная) | | feh | Программа для просмотра картинок, а также для установки фоновых изображений | | vim | Основной редактор | | code | Дополнительный редактор | | picom | Композитор (программа которая создает тени, прозрачность, блюрит фон) | | kitty | Основной терминал | | urxvt | Дополнительный терминал | | ranger | Файловый менеджер | | git | Система контроля версий | | xdotool | Утилита, которая поможет при разработке скриптов и взаимодействии с окнами | | xautolock | Утилита, которая блокирует компьютер при бездействии и запускает i3-lock | | i3lock-color | Улучшенная версия i3lock. Программа нужна для блокировки компьютера и ввода пароля | | scrot | Минималистиченое приложение для создания скриншотов | | imagemagick | Программа, которая поможет при взаимодействии с картинками (блюрит их заранее, конвертирует, меняет разрешение) |</p> <h3 id="конфигурируем-i3">Конфигурируем i3</h3> <p><strong>i3</strong> - Оконный менеджер, который не потребляет много ресурсов, тем самым, он будет полезен нам для того, чтобы “эмулировать” другие обычные оконные менеджеры. (<em>В подарок конечно же идёт тилинг - способность оконного менеджера раскрывать приложения на всю свободную часть экрана</em>)</p> <p>Я буду приводить конфиг <strong>i3</strong> по частям, для того, чтобы даже новички всё поняли. Начнём с самого главного - кнопка <em>$Mod</em>. Она служит для того, чтобы взаимодействовать с <strong>i3</strong>. Через неё будут проходить все основные хоткеи.</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">### Tweaks ###</span> <span class="c"># Set main key (Win)</span> <span class="nb">set</span> <span class="nv">$mod</span> Mod4 </code></pre></div></div> <p>Далее научим наш оконный менеджер двигать окна мышью при нажатии <code class="language-plaintext highlighter-rouge">$mod</code></p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Press MOD key and click on mouse to move your window</span> floating_modifier <span class="nv">$mod</span> <span class="c"># Focus doesn't follow the mouse</span> focus_follows_mouse no </code></pre></div></div> <p>Установим шрифты для наших приложений, а также для приложений, которые зависят от <strong>i3</strong></p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Fonts</span> font pango: JetBrains Mono 10 </code></pre></div></div> <p>Моей задумкой было сделать все окна изначально <em>летающими</em> (что, как оказалось, очень удобно). Для пояснения: в <strong>i3</strong> есть много видов <em>стыковки</em> окон (Tilling, Fullscreen, Tabbed, Float, Stacking), все они удобны в различных ситуациях, однако я не вижу смысла делать <strong>все</strong> окна заполняющими весь экран. Пусть лучше они заполняют его при нажатии <code class="language-plaintext highlighter-rouge">$mod + f</code>, а висят в воздухе по умолчанию, это я и сделал в следующем куске кода:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Maximum width for floating windows</span> floating_minimum_size 400 x 350 floating_maximum_size 1800 x 900 <span class="c"># (1920 - 10)/2 and (1080 - 10)/2</span> for_window <span class="o">[</span><span class="nv">class</span><span class="o">=</span><span class="s2">".*"</span><span class="o">]</span> floating <span class="nb">enable </span>for_window <span class="o">[</span><span class="nv">class</span><span class="o">=</span><span class="s2">".*"</span><span class="o">]</span> resize <span class="nb">set </span>955 535 for_window <span class="o">[</span><span class="nv">class</span><span class="o">=</span><span class="s2">".*"</span><span class="o">]</span> focus </code></pre></div></div> <blockquote> <p>Для того, чтобы вы не путались выражение <code class="language-plaintext highlighter-rouge">(1920 - 10)/2 and (1080 - 10)/2</code> означает что каждое окно будет занимать четверть экрана, а также будет отступ (друг от друга) ровно в 5 пикселей (5 со всех сторон).</p> </blockquote> <p>Далее давайте забиндим все основные приложения. Все хоткеи стараются соответствовать данной схеме</p> <p><img src="https://habrastorage.org/webt/s4/4m/ev/s44mevo_27gvaxx8-090pf4iikk.png" alt="" /></p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">## Keyboard Settings ##</span> <span class="c"># Apps</span> bindsym <span class="nv">$mod</span>+Return <span class="nb">exec </span>kitty bindsym <span class="nv">$mod</span>+Mod1+r <span class="nb">exec</span> <span class="s2">"kitty sh -c 'ranger'"</span> bindsym <span class="nv">$mod</span>+Mod1+g <span class="nb">exec </span>google-chrome-stable bindsym <span class="nv">$mod</span>+Mod1+c <span class="nb">exec </span>code bindsym <span class="nv">$mod</span>+Mod1+v <span class="nb">exec </span>dolphin bindsym Print <span class="nb">exec </span>spectacle </code></pre></div></div> <p>Также, забиндим все основные функции, которые мы выполняем не думая, и которые обязательно должны быть</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># System / Volume</span> bindsym XF86AudioMute <span class="s2">"exec amixer -D pulse sset Master toggle &amp;&amp; notify-send </span><span class="se">\"</span><span class="s2">Volume</span><span class="se">\"</span><span class="s2"> </span><span class="se">\"</span><span class="s2">Sound is (un)muted</span><span class="se">\"</span><span class="s2"> --urgency low"</span> bindsym XF86AudioRaiseVolume <span class="s2">"exec amixer -D pulse sset Master 5%+ &amp;&amp; notify-send </span><span class="se">\"</span><span class="s2">Volume</span><span class="se">\"</span><span class="s2"> </span><span class="se">\"</span><span class="s2">Volume added +5%</span><span class="se">\n</span><span class="s2"> Volume level is now </span><span class="si">$(</span>amixer <span class="nt">-D</span> pulse get Master | <span class="nb">awk</span> <span class="nt">-F</span> <span class="s1">'Left:|[][]'</span> <span class="s1">'BEGIN {RS=\"\"}{ print $3 }'</span><span class="si">)</span><span class="se">\"</span><span class="s2"> --urgency low"</span> bindsym XF86AudioLowerVolume <span class="s2">"exec amixer -D pulse sset Master 5%- &amp;&amp; notify-send </span><span class="se">\"</span><span class="s2">Volume</span><span class="se">\"</span><span class="s2"> </span><span class="se">\"</span><span class="s2">Volume added -5%</span><span class="se">\n</span><span class="s2"> Volume level is now </span><span class="si">$(</span>amixer <span class="nt">-D</span> pulse get Master | <span class="nb">awk</span> <span class="nt">-F</span> <span class="s1">'Left:|[][]'</span> <span class="s1">'BEGIN {RS=\"\"}{ print $3 }'</span><span class="si">)</span><span class="se">\"</span><span class="s2"> --urgency low"</span> <span class="c"># System / Brightness</span> bindsym XF86MonBrightnessDown <span class="nb">exec </span>xbacklight <span class="nt">-dec</span> 5 bindsym XF86MonBrightnessUp <span class="nb">exec </span>xbacklight <span class="nt">-inc</span> 5 <span class="c"># Moving from one window to another</span> bindsym <span class="nv">$mod</span>+h focus left bindsym <span class="nv">$mod</span>+j focus down bindsym <span class="nv">$mod</span>+k focus up bindsym <span class="nv">$mod</span>+l focus right <span class="c"># Choose one of your workspaces</span> bindsym <span class="nv">$mod</span>+1 workspace <span class="nv">$workspace1</span> bindsym <span class="nv">$mod</span>+2 workspace <span class="nv">$workspace2</span> bindsym <span class="nv">$mod</span>+3 workspace <span class="nv">$workspace3</span> bindsym <span class="nv">$mod</span>+4 workspace <span class="nv">$workspace4</span> <span class="c"># Move window to the workspace</span> bindsym <span class="nv">$mod</span>+Shift+1 move container to workspace <span class="nv">$workspace1</span> bindsym <span class="nv">$mod</span>+Shift+2 move container to workspace <span class="nv">$workspace2</span> bindsym <span class="nv">$mod</span>+Shift+3 move container to workspace <span class="nv">$workspace3</span> bindsym <span class="nv">$mod</span>+Shift+4 move container to workspace <span class="nv">$workspace4</span> <span class="c">## Floating manipulation ##</span> <span class="c"># Make window floating</span> bindsym <span class="nv">$mod</span>+f floating toggle <span class="c"># Change focus</span> bindsym <span class="nv">$mod</span>+Shift+f focus mode_toggle <span class="c"># Move windows</span> bindsym <span class="nv">$mod</span>+Shift+h move left 20px bindsym <span class="nv">$mod</span>+Shift+j move down 20px bindsym <span class="nv">$mod</span>+Shift+k move up 20px bindsym <span class="nv">$mod</span>+Shift+l move right 20px <span class="c"># Resizing Windows</span> bindsym <span class="nv">$mod</span>+Ctrl+l resize shrink width 10 px or 10 ppt bindsym <span class="nv">$mod</span>+Ctrl+k resize grow height 10 px or 10 ppt bindsym <span class="nv">$mod</span>+Ctrl+j resize shrink height 10 px or 10 ppt bindsym <span class="nv">$mod</span>+Ctrl+h resize grow width 10 px or 10 ppt <span class="c"># Make window fullscreen</span> bindcode 95 fullscreen toggle <span class="c"># Reload Configuration</span> bindsym <span class="nv">$mod</span>+p reload <span class="c"># Kill a window</span> bindsym <span class="nv">$mod</span>+x <span class="nb">exec </span>xdotool getwindowfocus windowkill </code></pre></div></div> <p>Сделаем секцию автостарта</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">### Autostart ###</span> <span class="c"># Lockscreen after 10min delay</span> <span class="nb">exec</span> <span class="nt">--no-startup-id</span> <span class="s2">"</span><span class="nv">$HOME</span><span class="s2">/.config/i3/lockscreen"</span> <span class="c"># Convert background gif to jpg</span> <span class="nb">exec</span> <span class="nt">--no-startup-id</span> convert <span class="nt">-verbose</span> <span class="nv">$HOME</span>/.config/i3/<span class="o">{</span>gif.gif,gif.jpg<span class="o">}</span> <span class="c"># Generate Colorscheme</span> exec_always <span class="nt">--no-startup-id</span> wal <span class="nt">-i</span> <span class="nv">$HOME</span>/.config/i3/gif-0.jpg <span class="c"># Compositor</span> exec_always <span class="nt">--no-startup-id</span> <span class="s2">"killall -q picom; picom --config </span><span class="nv">$HOME</span><span class="s2">/.config/picom.conf"</span> <span class="c"># Language</span> <span class="nb">exec</span> <span class="nt">--no-startup-id</span> setxkbmap <span class="nt">-model</span> pc105 <span class="nt">-layout</span> us,ru <span class="nt">-option</span> grp:win_space_toggle <span class="c"># Dunst</span> <span class="nb">exec</span> <span class="nt">--no-startup-id</span> dunst <span class="c"># Kitty</span> <span class="nb">exec </span>kitty <span class="c"># Dropbox</span> <span class="nb">exec</span> <span class="nt">--no-startup-id</span> dropbox &amp; <span class="c"># Polybar</span> exec_always <span class="nt">--no-startup-id</span> <span class="nv">$HOME</span>/.config/polybar/launch.sh <span class="c"># Cursor</span> exec_always <span class="nt">--no-startup-id</span> xsetroot <span class="nt">-cursor_name</span> left_ptr </code></pre></div></div> <p><strong>i3-gaps</strong> - сборка i3, которая добавляет много новых функций. Одной из них является добавление отступов (gaps), которые визуально выглядят очень хорошо.</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">### i3-gaps ###</span> <span class="c"># Borders for windows</span> for_window <span class="o">[</span><span class="nv">class</span><span class="o">=</span><span class="s2">".*"</span><span class="o">]</span> border pixel 5 <span class="c"># Gaps for i3bar</span> for_window <span class="o">[</span><span class="nv">class</span><span class="o">=</span><span class="s2">"i3bar"</span><span class="o">]</span> gaps outer current <span class="nb">set </span>10 <span class="c"># Gaps</span> gaps inner 10 gaps outer 4 <span class="c">### Topbar and color theme ###</span> <span class="c"># Color theme of borders</span> client.focused <span class="c">#bf616a #2f343f #d8dee8 #bf616a #d8dee8</span> client.focused_inactive <span class="c">#2f343f #kf343f #d8dee8 #2f343f #2f343f</span> client.unfocused <span class="c">#2f343f #2f343f #d8dee8 #2f343f #2f343f</span> client.urgent <span class="c">#2f343f #2f343f #d8dee8 #2f343f #2f343f</span> client.placeholder <span class="c">#2f343f #2f343f #d8dee8 #2f343f #2f343f</span> client.background <span class="c">#2f343f</span> </code></pre></div></div> <h2 id="что-получилось">Что получилось?</h2> <p>А получилась довольно минималистичная сборка на i3, которая очень шустро работает на ноутбуках и даёт неплохие показатели</p> <p><img src="https://habrastorage.org/webt/p9/fe/8s/p9fe8s6lim52xc_pyxx-yj8sq6o.png" alt="" /></p> <blockquote> <p>Так как конфигураций я написал ещё очень много (что отлично видно на скриншоте) их можно найти в репозитории <a href="https://github.com/us3rn4me-profile/GreatI3">Great i3</a>.</p> </blockquote> <p>Ещё пару скриншотов</p> <p><img src="https://habrastorage.org/webt/y0/ry/f_/y0ryf_4_wzhvhfg1dw_bhcarus0.png" alt="" /></p> <p><img src="https://habrastorage.org/webt/2n/kd/ws/2nkdws06uqfunrzsnqdyquxorvo.png" alt="" /></p> <p><img src="https://habrastorage.org/webt/bq/n5/mq/bqn5mq_qac0cpioonu0aq1k-uua.png" alt="" /></p>

Недавно я понял, что мой ноутбук недостаточно производителен. Ему не хватает мощности вывезти всё вместе: Vim (+ 20 плагинов), VSCode (+ столько же расширений), Google Chrome (+ 20 вкладок) и так далее. Казалось бы, обычная проблема на ноутбуках с 4 ГБ ОЗУ, однако я не стал сдаваться. Я люблю ноутбуки за их компактность, а также за то, что они могут работать на батарее где угодно. Мне нужно было просто подумать, как освободить лишнюю ОЗУ, а также увеличить энергоэффективность.

2020-10-16T21:44:05+03:002020-10-16T21:44:05+03:00http://localhost:4000/blog/2020/10/16/welcome-to-jekyll<p><strong>SSH</strong>- <strong>S</strong>ecure <strong>Sh</strong>ell. Он нужен для безопасного подключения между хостом (<em>компьютер, на котором будут производиться все действия. Его ещё называют сервер</em>) и клиентом (<em>компьютер, с которого будут производиться все действия. Его часто называют клиентом</em>).</p> <p>Дабы установить SSH (<em>для нас это клиент OpenSSH</em>), нужно выполнить следующую команду:</p> <figure class="highlight"><pre><code class="language-bash" data-lang="bash"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1 2 3 4 5 </pre></td><td class="code"><pre><span class="nb">sudo </span>pacman <span class="nt">-Sy</span> openssh <span class="c"># или</span> <span class="nb">sudo </span>dnf <span class="nb">install </span>openssh <span class="c"># или</span> <span class="nb">sudo </span>apt <span class="nb">install </span>openssh </pre></td></tr></tbody></table></code></pre></figure> <p>Клиент установлен. Теперь время настройки OpenSSH</p> <h2 id="настройки-для-клиента">Настройки для клиента</h2> <p>Настройки для клиента находятся в <code class="language-plaintext highlighter-rouge">/etc/ssh/ssh_config</code>.</p> <figure class="highlight"><pre><code class="language-bash" data-lang="bash"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1 2 3 4 5 6 </pre></td><td class="code"><pre><span class="c"># Для всех</span> Host <span class="k">*</span> <span class="c"># Порт по умолчанию</span> Port 2020 <span class="c"># Запрещаю локальные команды</span> PermitLocalCommand no </pre></td></tr></tbody></table></code></pre></figure> <p>Для того, чтобы точно посмотреть какой аргумент что делает нужно написать <code class="language-plaintext highlighter-rouge">man ssh_config</code>.</p> <h2 id="настройка-сервера-ssh">Настройка сервера SSH</h2> <p>Настройки для сервера находятся в <code class="language-plaintext highlighter-rouge">/etc/ssh/sshd_config</code>. <strong>SSHd</strong>- <strong>S</strong>ecure <strong>Sh</strong>ell <strong>D</strong>aemon, это демон, который запускает сервер в фоновом режиме с конфигом, лежит по расположению описанному выше.</p> <figure class="highlight"><pre><code class="language-bash" data-lang="bash"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 </pre></td><td class="code"><pre><span class="c"># Порт</span> Port 2020 <span class="c"># Время подключения</span> LoginGraceTime 1m <span class="c"># Логиниться в рут, только если есть пароль от него</span> PermitRootLogin prohibit-password <span class="c"># Максимальное число попыток входа</span> MaxAuthTries 3 <span class="c"># Максимальное количество сессий</span> MaxSessions 2 <span class="c"># Использовать ключ для входа</span> PubkeyAuthentication <span class="nb">yes</span> <span class="c"># Файл, в котором проверяются доверенные ключи</span> AuthorizedKeysFile .ssh/authorized_keys <span class="c"># Перенаправлять X</span> X11Forwarding no X11DisplayOffset 10 X11UseLocalhost <span class="nb">yes</span> <span class="c"># Разрешить TTY</span> PermitTTY <span class="nb">yes </span>PrintMotd no <span class="c"># pam does that</span> <span class="c"># Принтить последнее вхождение</span> PrintLastLog <span class="nb">yes</span> <span class="c"># Баннер</span> Banner ~/.bannerForSSH <span class="c"># Разрешение подключаться с помощью пароля</span> PasswordAuthentication no PermitEmptyPasswords no <span class="c"># override default of no subsystems</span> Subsystem sftp /usr/lib/ssh/sftp-server <span class="c">#HostKey /etc/ssh/ssh_host_rsa_key</span> <span class="c">#HostKey /etc/ssh/ssh_host_ecdsa_key</span> <span class="c">#HostKey /etc/ssh/ssh_host_ed25519_key</span> <span class="c">#AuthorizedPrincipalsFile none</span> <span class="c"># Set this to 'yes' to enable PAM authentication, account processing,</span> <span class="c"># and session processing. If this is enabled, PAM authentication will</span> <span class="c"># be allowed through the ChallengeResponseAuthentication and</span> <span class="c"># PasswordAuthentication. Depending on your PAM configuration,</span> <span class="c"># PAM authentication via ChallengeResponseAuthentication may bypass</span> <span class="c"># the setting of "PermitRootLogin without-password".</span> <span class="c"># If you just want the PAM account and session checks to run without</span> <span class="c"># PAM authentication, then enable this but set PasswordAuthentication</span> <span class="c"># and ChallengeResponseAuthentication to 'no'.</span> UsePAM <span class="nb">yes</span> </pre></td></tr></tbody></table></code></pre></figure> <p>Для того, чтобы точно посмотреть какой аргумент что делает нужно написать <code class="language-plaintext highlighter-rouge">man sshd_config</code>.</p> <h2 id="генерация-ключей">Генерация ключей</h2> <p>Доступ к серверу по паролю, хотя бы, просто не безопасен. Нам нужен ключ, с помощью которого только мы сможем подключаться к хосту. Чтобы взломать этот ключ, потребовалось бы около 1500 лет [Википедия].</p> <p>Для того, чтобы получить такой ключ, воспользуемся утилитой, которая уже идёт вместе с пакетом <strong>OpenSSH</strong>.</p> <figure class="highlight"><pre><code class="language-bash" data-lang="bash"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1 </pre></td><td class="code"><pre>ssh-keygen <span class="nt">-t</span> rsa </pre></td></tr></tbody></table></code></pre></figure> <p>Далее называем наш файл и указываем путь к нему. По умолчанию это <code class="language-plaintext highlighter-rouge">~/.ssh/</code></p> <p><strong>Теперь внимательно</strong>: ключ с форматом <em>.pub</em> скидываем на сервер через физический доступ (флешка или другой накопитель) в папку .ssh, а также <em>предварительно</em> <em>переименовываем его в</em> authorized_keys</p> <figure class="highlight"><pre><code class="language-bash" data-lang="bash"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1 2 3 </pre></td><td class="code"><pre><span class="c">#Файл уже на сервере</span> <span class="nb">mkdir</span> <span class="nt">-p</span> ~/.ssh <span class="nb">cat </span>id_rsa.pub <span class="o">&gt;</span> ~/.ssh/authorized_keys </pre></td></tr></tbody></table></code></pre></figure> <p>Или делаем это всё командой (без физического доступа к серверу):</p> <figure class="highlight"><pre><code class="language-bash" data-lang="bash"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1 </pre></td><td class="code"><pre>ssh-copy-id <span class="nt">-i</span> ~/.ssh/id_rsa.pub servername@ip <span class="nt">-p</span> port </pre></td></tr></tbody></table></code></pre></figure> <p><img src="/assets/img/mermaid-diagram-20201017060859.png" alt="" /></p> <p>Ключ <strong>без разрешения</strong>- ваш <em>приватный</em> ключ. Его не нужно никому отдавать. Он ваш. Распечатайте и положите под коврик у входа. После того, как вы скинули файл с разрешением <em>.pub</em> , вы можете спокойно использовать сервер.</p> <!-- Variables -->

SSH- Secure Shell. Он нужен для безопасного подключения между хостом (компьютер, на котором будут производиться все действия. Его ещё называют сервер) и клиентом (компьютер, с которого будут производиться все действия. Его часто называют клиентом).