Как настроить SCSS с Хьюго - PullRequest
Новая
       10

Как настроить SCSS с Хьюго

0 голосов
/ 06 января 2019

Я довольно новичок в работе с Хьюго и немного борюсь с документацией, так как она кажется довольно фрагментированной с неполными примерами.

Я создал новый сайт hugo new site site-name вместе с новой темой hugo new theme theme-name.

На странице документации для SASS / SCSS есть следующий пример: 

{{ $sass := resources.Get "sass/main.scss" }}
{{ $style := $sass | resources.ToCSS }}

Не уверен, куда это должно идти, как работает весь трубопровод. Кроме того, похоже, что он специально ищет файлы в папке assets, хотя тема создается с папкой static/css. Большинство примеров, которые я нахожу в Интернете, - это все старые настройки, использующие gulp для компиляции до добавления поддержки в hugo (из моего понимания)

1 Ответ

0 голосов
/ 06 января 2019

Вы можете использовать расширенную версию Hugo (например, https://github.com/gohugoio/hugo/releases/download/v0.53/hugo_extended_0.53_Windows-64bit.zip), которая автоматически компилирует SCSS в CSS для вас. Затем вы можете настроить все настройки. Если вы не хотите / не используете расширенную версию, тогда вам придётся пойти в старую школу с таким наблюдателем, как ruby ​​SASS или Gulp и т. д.

Также, пожалуйста, обращайтесь: https://gohugo.io/news/0.43-relnotes/, см. Примечания. «Теперь Hugo выпускается с двумя бинарными версиями: одна с поддержкой SCSS / SASS, а другая без поддержки. На момент написания, она доступна только в двоичных файлах на странице релиза GitHub. Придут Brew, Snap сборки и т. Д. Но обратите внимание что вам нужна расширенная версия, только если вы хотите редактировать SCSS. Для вашего CI-сервера или если вы не используете SCSS, вам, скорее всего, понадобится расширенная версия. "

Я лично использую расширенную версию; это тоже с Gitlab CI без проблем. Я всегда пишу / редактирую SCSS; запустить hugo, и он сделает все остальное. Вы также должны убедиться, что ваша тема поддерживает / играет хорошо с ней. Тема, которую я использую (поддерживает SCSS): https://github.com/luizdepra/hugo-coder/

...