| 1 | ---
|
|---|
| 2 | templateKey: blog-post
|
|---|
| 3 | title: Обновление блога
|
|---|
| 4 | date: '2018-10-31T17:00:00+03:00'
|
|---|
| 5 | tags: ["Блог"]
|
|---|
| 6 | ---
|
|---|
| 7 |
|
|---|
| 8 | Я обновил блог. Переехал с GatsbyJS на Hugo, съехал с Netlify на Gitlab Pages,
|
|---|
| 9 | добавил комменты, добавил страницу о себе, добавил пагинацию, обновил систему
|
|---|
| 10 | тегов, а главное удалил неактуальные посты и настроил воркфлоу для добавления
|
|---|
| 11 | новых. Изменения и их объяснение под катом.
|
|---|
| 12 |
|
|---|
| 13 | Начнем с самого крупного, переезд с [GatsbyJS](https://www.gatsbyjs.org/) на
|
|---|
| 14 | [Hugo](https://gohugo.io/). У Gatsby помимо тонны жс'а и клиент-сайд кода есть
|
|---|
| 15 | огромнейшая проблема - в нем практически отсутствует воркфлоу, чтобы комфортно
|
|---|
| 16 | писать статьи. В Hugo же с этим все в порядке, я нашел для себя удобный плагин
|
|---|
| 17 | для Emacs при помощи которого я написал данную статью:
|
|---|
| 18 | [emacs-easy-hugo](https://github.com/masasam/emacs-easy-hugo).
|
|---|
| 19 |
|
|---|
| 20 | Из-за отсутствия воркфлоу у Gatsby я использовал Netlify в качестве
|
|---|
| 21 | "админки" для блога и писал через него все статьи. Это было максимально
|
|---|
| 22 | неудобно, а сам Netlify крашился в старой версии Firefox. Помимо админки Netlify
|
|---|
| 23 | использовался как CI, сейчас я решил захоститься на GitLab с его CI и Pages.
|
|---|
| 24 |
|
|---|
| 25 | Соответственно теперь адрес блога: {{< sui/label text="w96k.gitlab.io" >}}
|
|---|
| 26 |
|
|---|
| 27 | В Hugo присутствует шаблон с комментариями Disqus из коробки. Это очень удобно,
|
|---|
| 28 | так как желания возиться долго с статическим сайтом особо нет. Теперь
|
|---|
| 29 | немногочисленные читатели могут оставить свой язвительный комментарий под любым
|
|---|
| 30 | постом.
|
|---|
| 31 |
|
|---|
| 32 | Помимо этого я несколько изменил внешний вид сайта. Вынес соц.кнопки наверх,
|
|---|
| 33 | добавил в футер список технологий и сами посты теперь имеют другой стиль.
|
|---|
| 34 | А еще были исправлены проблемы с адаптивом и теперь сайт должен корректно
|
|---|
| 35 | отображаться и на мобильниках, и на компах.
|
|---|
| 36 |
|
|---|
| 37 | Система тегов относительно старой версии с Gatsby претерпела тоже изменения.
|
|---|
| 38 | Теперь теги более наглядные.
|
|---|
| 39 |
|
|---|
| 40 | Добавил пагинацию, которая отсутствовала в старой версии. Ее сейчас не видно,
|
|---|
| 41 | она появляется, когда набирается больше десяти постов на странице.
|
|---|
| 42 |
|
|---|
| 43 | Старый сайт был прибит к реакту и вебпаку, а текущий использует статику и ни
|
|---|
| 44 | строчки клиентского кода (кроме Disqus). Мне впервые пригодилась "модульная"
|
|---|
| 45 | структура Semantic-UI, который предлагает загрузить не все компоненты в одном, а
|
|---|
| 46 | только необходимые. Даже несмотря на то, что на сайте теперь грузятся много
|
|---|
| 47 | неиспользуемых стилей, это легче чем использовать вебпак и прибивать проект
|
|---|
| 48 | к использованию Node.js.
|
|---|
| 49 |
|
|---|
| 50 | На самом деле в планах сделать еще много чего, но основной функционал сделан уже
|
|---|
| 51 | сейчас, поэтому почему бы не начать его использовать. Как и раньше все исходники
|
|---|
| 52 | открыты, но теперь тема блога отделена от самого блога. Вы можете достаточно
|
|---|
| 53 | просто поднять абсолютно такой же блог. Сейчас я работаю над тем, чтобы
|
|---|
| 54 | отполировать тему и добавить ее в список тем на сайте Hugo.
|
|---|
| 55 |
|
|---|
| 56 | [{{< sui/label text="Репозиторий блога" icon="gitlab" >}}]
|
|---|
| 57 | (https://gitlab.com/w96k/w96k.gitlab.io)
|
|---|
| 58 | [{{< sui/label text="Репозиторий темы" icon="gitlab" >}}]
|
|---|
| 59 | (https://gitlab.com/w96k/hugo-sui-blog)
|
|---|
| 60 |
|
|---|
| 61 | Praise Hugo!
|
|---|
| 62 |
|
|---|
| 63 | 
|
|---|
| 64 |
|
|---|
| 65 |
|
|---|
