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