21 lines
9.6 KiB
HTML
21 lines
9.6 KiB
HTML
<!doctype html><html lang=ru dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><link rel=icon type=image/ico href=https://gelonet.ru//favicon.ico><link rel=icon type=image/png sizes=16x16 href=https://gelonet.ru//favicon-16x16.png><link rel=icon type=image/png sizes=32x32 href=https://gelonet.ru//favicon-32x32.png><link rel=icon type=image/png sizes=192x192 href=https://gelonet.ru//android-chrome-192x192.png><link rel=apple-touch-icon sizes=180x180 href=https://gelonet.ru//apple-touch-icon.png><meta name=description content="Описание как сделать из Atom удобный редактор Markdown файлов"><title>Atom + markdown | Журнал Стороженко Евгения</title><link rel=canonical href=https://gelonet.ru/posts/atom-plus-markdown/><link rel=stylesheet href=/assets/combined.min.a6824bbee0d90d5af09fed9b70395ce7076b615e315037455d903314e96ef91b.css media=all></head><body class=auto><div class=content><header><div class=header><h1 class=header-title>Журнал Стороженко Евгения</h1><div class=flex><p class=small><a href=/>/домашняя</a></p><p class=small><a href=/posts>/записи</a></p><p class=small><a href=/about>/резюме</a></p></div></div></header><main class=main><div class=breadcrumbs><a href=/>Home</a>
|
||
<span class=breadcrumbs-separator>> </span><a href=/posts/>Posts</a>
|
||
<span class=breadcrumbs-separator>> </span><a class=breadcrumbs-current href=/posts/atom-plus-markdown/>Atom + markdown</a></div><div><div class=single-intro-container><h1 class=single-title>Atom + markdown</h1><p class=single-readtime><time datetime=2020-05-03T00:00:00+00:00>May 3, 2020</time></p></div><div class=single-content><h1 id=настройка-редактора-atom-для-работы-с-markdown>Настройка редактора Atom для работы с Markdown</h1><p>Для работы над статическим сайтом нужно:</p><ul><li>Редактировать файлы Markdown</li><li>Хранить файлы в “безопасном” месте. Чтобы случайно их не потерять</li><li>Облегчить себе работу по формирофанию необходимой сужебной информации внутри файлов (Front Matter)</li></ul><p>GitHub поможет решить вопрос хранения файлов со статьями и новостямии, а вот
|
||
удобного редактирования и наполнения файлов можно решить практически любым редактором
|
||
кода. Для себя я выбрал редактор от авторов GitHub - <a href=https://atom.io title=Atom>Atom</a>.</p><p>Это современные кросс платформенный редактор кода, с множеством удобным плагинов и, что самое важное, встроенной интеграцией с
|
||
Github. Что позволяет собрать функионально рабочее место для работы над блогом буквально
|
||
за 15 минут. И не беспокоиться о том, что с таким трудом созданные данные будут утеряны
|
||
из-за аппаратного или программного сбоя.</p><p>Поскольку работаю я на GNU/Linux Debian, то и процесс настройки буду описывать для этой операционной
|
||
системы.</p><ol><li>Скачиваем пакет с сайта <a href=https://atom.io title=Atom>Atom</a>.<figure><div><img loading=lazy alt="Главная страница atom.io" src=images/2020/05/screenshot-atom.io-2020.05.03-15_33_48.png></div></figure></li><li>Устанавливаем зависимости:</li></ol><p><code>$ sudo aptitude install git, libgconf-2-4, libgtk-3-0, libgcrypt20, libnotify4, libxtst6, libnss3, python, gvfs-bin, xdg-utils, libx11-xcb1, libxss1, libasound2, libxkbfile1, libcurl4, policykit-1, lsb-release </code>Первое, что следует сделать после установки Git — указать своё имя и адрес электронной почты. Это важно, потому что каждый коммит в Git содержит эту информацию, и она включена в коммиты, передаваемые вами, и не может быть далее изменена:</p><p><code>$ git config --global user.name "kpa39l" $ git config --global user.email kpa39l@yandex.ru</code></p><p>Если указана опция –global, то эти настройки достаточно сделать только один раз, поскольку в этом случае Git будет использовать эти данные для всего, что вы делаете в этой системе. Если для каких-то отдельных проектов вы хотите указать другое имя или электронную почту, можно выполнить эту же команду без параметра –global в каталоге с нужным проектом.</p><p>Теперь устанавливаем сам редактор:</p><p><code>$ sudo dpkg -i ~/Загрузки/atom-amd64.deb</code></p><p>После установки ярлык для запуска добавиться в раздел “Разработка” системного меню.
|
||
|
||
Или можно его запустить используя команду в консоли от текущего пользователя:</p><p><code>$ atom</code></p><ol start=3><li>Для хранения файлов можно использовать репозиторий GitHub. Ведь именно для этого как раз и выбирался редактор Atom,как имеющий встроенную
|
||
интеграцию c GitHub. Для этого нужно получить ссылку для клонирования репозитория
|
||
</li></ol><p><code>https://github.com/kpa39l/gelonet.git</code></p><p>Теперь при открытии панели с интеграцией с GitHUb (Ctrl + Shift + 8) и нажав кнопку “Clone existing repository” мы можем ввести в поле ввода эту ссылку. Чтобы не мучаться с авторизацией в ссылку можно добавить данные о логине и пароле, приведя её к виду:</p><p><code>https://login:password@github.com/kpa39l/gelonet.git</code></p><p>Эти действия настроят интеграцию локальной папки с репозиторием на GitHub без редактирования
|
||
файлов конфигурации.</p><ol start=4><li>Теперь для добства работы нужно добавить в Atom несколько плагинов для увеличения удобства работы со статическими блогами на Markdown. Для себя я определил следующий список:</li></ol><ul><li>markdown-scroll-sync</li><li>markdown-writer и зависящий от него</li><li>tool-bar-markdown-writer</li></ul><p>Чтобы не искать их в списке пакетов достаточно выполнить в консоли команду:
|
||
<code>$ apm install markdown-scroll-sync tool-bar markdown-writer tool-bar-markdown-writer</code></p><p>В итоге при работе с Markdown файлами в интерфейсе редактора появится вот такая панель:
|
||
|
||
Часто используемые инструменты Markdown-разметки отображаются в верхней части окна и при
|
||
необходимости можно их использовать.</p></div><div class=single-pagination><hr><div class=flex><div class=single-pagination-prev><div class=single-pagination-container-prev><div class=single-pagination-text>←</div><div class=single-pagination-text><a href=/posts/debian/>Сохранение и перенос настроек на новую установку GNU/Debian Linux</a></div></div></div><div class=single-pagination-next><div class=single-pagination-container-next><div class=single-pagination-text><a href=/posts/windows10-autologin/>Автовход в Windows 10</a></div><div class=single-pagination-text>→</div></div></div></div><hr></div><div class=back-to-top><a href=#top>back to top</a></div></div></main></div><footer><p>Powered by
|
||
<a href=https://gohugo.io/>Hugo</a>
|
||
and
|
||
<a href=https://github.com/tomfran/typo>tomfran/typo</a></p></footer></body><script>function isAuto(){return document.body.classList.contains("auto")}function setTheme(){if(!isAuto())return;document.body.classList.remove("auto");let e="light";window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&(e="dark"),document.body.classList.add(e)}function invertBody(){document.body.classList.toggle("dark"),document.body.classList.toggle("light")}isAuto()&&window.matchMedia("(prefers-color-scheme: dark)").addListener(invertBody),setTheme()</script></html> |