HUGO Часть 3. Автодеплой, Быстрое добавление контента с Typora
HTML-код
- Опубликовано: 17 сен 2024
- Всем привет.
Это третья часть про герератор статических сайтов HUGO.
- Проверяем что изменелось, обновляем HUGO и тему.
- Меняем дизайн
- Быстро и удобно добавляем контент с помощью Typora
- Настраиваем деплой наших статических страниц по горячей клавише
==============================
МОЯ ПОДСКАЗКА ПО HUGO НИЖЕ НИЖЕ В ОПИСАНИИ (ЛИБО ПО ССЫЛКЕ):
github.com/lin...
==============================
Я В ТЕЛЕГРАМ telegram.me/wo...
ТЕЛЕГРАМ КАНАЛ telegram.me/li...
ТЕЛЕГРАМ ЧАТ telegram.me/li...
==============================
$$$Поддержать канал:$$$
yoomoney.ru/to...
==============================
Сайт linuxlife.page
==============================
МОЯ ПОДСКАЗКА ПО HUGO:
1) Проверить hugo
Попробовать запустить локально
cd MyBlog/linuxlife.page
hugo server -D
2) Обновить hugo
hugo version
brew upgrade hugo
3) Обновить тему
cd MyBlog/linuxlife.page/themes
rm -rf hugo-theme-hello-friend
git clone github.com/pan...
4) Попробовать запустить локально
cd MyBlog/linuxlife.page
hugo server -D
5) Поменять цвет шрифта в директории темы (с #a9a9b3 на #ffefcc) и розового курсора
./static/assets/style.css
.//assets/css/variables.css
.//assets/css/prism.css
static/assets/style.css (ищем класс logo__cursor и меняем #fe5186 на #3fffd9)
Запустить
cd MyBlog/linuxlife.page
hugo server -D
6) Задеплоить
- создать статику
cd MyBlog/linuxlife.page
hugo -d ../linuxlife.page_toServer
- Закачать на сервер через rsync
cd MyBlog/
rsync -azvh --delete --progress linuxlife.page_toServer/ -e "ssh -i $HOME/.ssh/id_rsa_IP_ADDRESS" ubuntu@IP_ADDRESS:/home/ubuntu/linuxlife.page/
- Скопировать в www и пофиксить права
ssh -i /Users/dmitry/.ssh/id_rsa_IP_ADDRESS -t ubuntu@IP_ADDRESS 'sudo cp -rf /home/ubuntu/linuxlife.page/* /var/www/linuxlife.page/ && sudo chown www-data:www-data -R /var/www/linuxlife.page/ && sudo chmod 755 -R /var/www/linuxlife.page/'
7) Добавлять посты в Typora
- Открыть папку MyBlog/linuxlife.page/content
- Переключиться на дерево файлов в списке статей
- Создаем новый пост на основе старого
cd MyBlog/linuxlife.page
hugo new posts/my-second-post.md
- Вид - Режим просмотра исходного кода
- Подготавливаем картинку на tinypng.com и копируем ее для нового поста в
MyBlog/linuxlife.page/static/img/google.jpg
- Удаляем абсолютный путь из картинки и оставляем так /img/google.jpg
- Сохраняем и деплоим
* ВЗЯТЬ КОД ИЗ 8 ПУНКТА (Ютуб не дает много символов)
Фиксим права (далее сделаем это с помощью автоскрипта)
*ВЗЯТЬ ИЗ КОД 8 пункта
- Смотрим результат linuxlife.page
8) Автоматизировать деплой по клавише
- Создаем баш скрипт
vim /Users/dmitry/NextCloud/DocumentsMac/web/MyBlog/deploy_hugo.sh
#!/bin/bash
cd /Users/dmitry/NextCloud/DocumentsMac/web/MyBlog/linuxlife.page/
/usr/local/bin/hugo -d ../linuxlife.page_toServer && cd ../
rsync -azvh --delete --progress linuxlife.page_toServer/ -e "ssh -i /Users/dmitry/.ssh/id_rsa" ubuntu@IP_ADRESS:/home/ubuntu/linuxlife.page/
ssh -i /Users/dmitry/.ssh/id_rsa -t ubuntu@IP_ADDRESS 'sudo cp -rf /home/ubuntu/linuxlife.page/* /var/www/linuxlife.page/ && sudo chown www-data:www-data -R /var/www/linuxlife.page/ && sudo chmod 755 -R /var/www/linuxlife.page/'
- Назначаем права для скрипта
chmod u+x /Users/dmitry/NextCloud/DocumentsMac/web/MyBlog/deploy_hugo.sh
- Создаем ДРУГОЙ скрипт по горячей клавише (AppleScript)
Подробности вязты отсюда: apple.stackexc...
1. Open Automator. (Открыть Автоматор)
2. Make a new Quick Action. (Кликнуть )
3. Make sure it receives 'no input' at all programs.
"Убедитесь, что он получает «без ввода» во всех программах."
4. Select "Run Apple Script" and type in your code.
Script
on run {input, parameters}
do shell script "bash /Users/dmitry/NextCloud/DocumentsMac/web/MyBlog/deploy_hugo.sh"
return input
end run
5. Save!
Now go to System Preferences -- Keyboard -- Shortcuts.
Select Services from the sidebar and find your service. Add a shortcut by double clicking (none).
"Теперь перейдите в системные настройки -- клавиатуры -- ярлыки. Выберите Сервисы в боковой панели и найдите свой сервис. Добавьте ярлык, дважды щелкнув (нет). "
И добавить разрешения для программ (Терминал, Сафари, Хром, Typora, Телеграмм, Файндер)
Настройки - Безопасность - Accesebility
и также добавить в Файлы и доступ тамже
9) ТЕСТИРУЕМ созданием нового поста
Полезные ссылки:
- Маркдаун синтаксис
hugo-hello-fri...
- Тема hugo-theme-hello-friend
github.com/pan...
***
#Gohugo #blog #ityoutubersru