Правила форума Гаранты форума
Размещение рекламы AMX-X компилятор

Здравствуйте, гость Вход | Регистрация

Наши новости:

14-дек
24-апр
10-апр
11-апр

> Правила раздела

Внимание! Перед тем, как опубликовать свой первый пост или тему в данном разделе, прошу прочитать данные правила.

Раздел "Оформление и веб-дизайн" не является местом для продажи или предоставление услуг связанных с созданием графики. Для этого есть раздел Продам.

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

hugo theme terminalCV

, SSG Hugo
Статус пользователя Gecko
сообщение 27.3.2023, 16:30
Сообщение #1
Стаж: 7 лет 4 месяца

Сообщений: 1247
Благодарностей: 518
Полезность: 345

Я большой поклонник SSG (Static Site Generator), в частности у меня огромный опыт работы с такими фреймворками как hugo, hexo, vuepress, и исходя из моего опыта я могу уверенно советовать SSG для персонального сайта, новостного сайта, документации или просто блога.
Из плюсов:
Нет проблем с уязвимостью и взломом - вам не нужно переживать за безопасность своего сайта.
Нет проблем с бесплатным хостингом такого сайта - к вашим услугам: Github, Gitlab, Bitbucket, Netlify, Heroku, Vercel, etc... Для такого сайта нужен лишь веб-сервер и больше ничего, не нужно развертывать замысловатую инфраструктуру для вашего сайта, как в случае с традиционными WP или Joomla.
Нет проблем с кражей вашего сайта - недобросовестные хостеры, либо люди имеющие доступ к файлам вашего сайта на популярных CMS, таких как: Wordpress, DLE, Joomla - без каких либо проблем могут украсть дорогостоящий дизайн вашего сайта, отдельные плагины либо весь сайт целиком, и проблема в том, что такая кража (слив) будет оправдана, ведь готовый дизайн под популярную CMS это весьма ликвидный товар который без проблем можно продать. А в случае с SSG все исходники вашего сайта у вас на ПК, на сервере лежит лишь продукт генерации, готовые html-страницы с картинками и другими служебными файлами.
Плюсов на самом деле очень много, я лишь описал самые основные.

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

SSG: HUGO - единственный генератор который менее чем за минуту на среднем по мощности ПК способен генерировать свыше 30к страниц вашего сайта. Платформа: Windows, Linux, MacOS
Репозиторий: https://github.com/4s3ti/terminalcv
Демо: https://cv.4s3ti.net

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

С другими темами hugo можно ознакомиться тут: https://themes.gohugo.io


В данной теме работает автодополнение через Tab и команда clear (очистит страницу до исходного состояния)

Алгоритм установки с нуля на линукс систему:

Устанавливаем сам hugo (это по сути один исполняемый файл) в gnu/Linux достаточно закинуть его в каталог /usr/bin
Скачиваем
Код
cd ~ && wget -O hugo.tar.gz https://github.com/gohugoio/hugo/releases/download/v0.111.3/hugo_0.111.3_linux-amd64.tar.gz


Распаковываем и добавляем в /usr/bin
Код
tar -xzf hugo.tar.gz hugo && sudo cp -a hugo /usr/bin/  && sudo chown root: /usr/bin/hugo


Далее создаем каталог сайта, переходим в него, инициализируем и скачиваем тему.
Код
mkdir blog && cd blog && hugo new site . &&  wget -O terminal.tar.gz https://github.com/4s3ti/terminalcv/archive/refs/tags/v1.1.0.tar.gz && tar -xzf terminal.tar.gz && cp -a terminalcv-1.1.0/* . && rm -rf terminal* && cp -a exampleSite/config.yml . && rm config.toml


Запускаем сервер
Код
hugo server -p 1313

Работу сайта можно наблюдать по адресу http://localhost:1313

Для генерации сайта используем команду
Код
hugo

сайт будет собран в каталог public после чего его можно залить на любую хостинг-платформу

всё

Отредактировал: Gecko, - 27.3.2023, 20:48


Не отвечаю на ЛС.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 2 раз
   Цитировать сообщение
Статус пользователя Alniel
сообщение 27.3.2023, 16:40
Сообщение #2
Стаж: 11 лет

Сообщений: 155
Благодарностей: 35
Полезность: 37

Gecko, круто,встречались твои посты про ssg здесь.. развивай эту тему, веди ее как блог.
Давно хотел спрыгивать с dle/wp и подобных.

Отредактировал: Alniel, - 27.3.2023, 16:40
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Gecko
сообщение 27.3.2023, 18:31
Сообщение #3
Стаж: 7 лет 4 месяца

Сообщений: 1247
Благодарностей: 518
Полезность: 345

Цитата(Alniel @ 27.3.2023, 16:40) *
Gecko, круто,встречались твои посты про ssg здесь.. развивай эту тему, веди ее как блог.
Давно хотел спрыгивать с dle/wp и подобных.

Постараюсь.

UPD
Добавил инструкцию для полной установки на линукс дистрибутив.
Под Windows 10 хорошим вариантом будет WSL, также можно использовать для этих целей LiveUSB с iso-образом линукс дистрибутива.

К стати, случай из моей практики.
Довелось мне в начале нулевых администрировать сайт одной НКО, так вот, у них был сайт который наполняли люди которые его же и написали (это и логично), за каждую страницу был определённый тариф. Информации на сайте было очень много, и вот когда директор этого НКО поссорился с веб-мастером - сайт передали мне, и тут я офигел когда понял что это чистый html, который продуцировал SSG, исходники сайта остались у вебмастера который не захотел ничего делать.
Вот таким нехитрым образом веб-мастер может привязать заказчика если не обговорить условия, потому как всё ведь честно, договаривались что будет сайт - вот он, договаривались что веб-мастер будет его наполнять - пожалуйста ))) а про исходники для генератора никто и не знал.

Ещё одним жирным плюсом я считаю автономность такого сайта, к примеру я веду локальную документацию на hugo в качестве основы использую эту тему и когда мне нужно узнать какую либо инфу, я не лезу в интернет, мне достаточно в терминале набрать
Код
eman docs golang

// eman (extended manual) - это написанный мною простой скрипт, который помогает быстро получить доступ к оффлайн документации.
сработает вот этот код
Код
cd ${HOME}/.eman/docs && hugo server -p 1313 &  xdg-open https://127.0.0.1:1313/tags/golang

и таймер, который потушит скрин через 20 минут.
Следующий ввод команды eman $* перезапустит screen если его обнаружит + добавит таймер который отсчитает время до завершения работы программы.
Команда eman edit docs или eman -e docs - запустит vscode в автономном и полностью настроенном окружении с нужными плагинами и настройками которые никаким образом не задевают работу с другими рабочими окружениями.
Код
cd ${HOME}/.eman/docs && xdg-open eman.desktop


eman.desktop
[Desktop Entry]
Name=vscode
GenericName=Text Editor
Type=Application
NoDisplay=false
Comment=Code Editing. Redefined.
Exec=code --diff eman.code-workspace --no-sandbox --disable-workspace-trust --extensions-dir=".eman/extensions" --user-data-dir=".eman/settings" -g README.md:5:1
Actions=new-empty-window;
Icon=running
Hidden=false
Terminal=false
StartupNotify=false
StartupWMClass=Code
MimeType=text/plain;inode/directory;application/x-code-workspace
Categories=Utility;TextEditor;Development;IDE
Keywords=vscode


Таким образом я имею мощную оффлайн документацию (шпаргалку), которую могу также опубликовать в интернете в виде полноценного интернет ресурса типа losst.pro с полноценным поиском, комментариями, и прочими атрибутами которые есть в стандартном блоге на wordpress

Отредактировал: Gecko, - 27.3.2023, 22:37


Не отвечаю на ЛС.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
  Ответить в данную темуНачать новую тему
 
0 пользователей и 1 гостей читают эту тему: