Hugo не отображает общую папку локально
Когда я использую команду hugo, она создает index.html в папке Public. Когда я открываю index.html, сайт загружается так:
Но когда я использую команду hugo serve локально, она генерирует ссылку http://localhost:1313/, и сайт загружается правильно. Загружается так:
Я думаю, что проблема из-за неправильного рендеринга файлов или чего-то подобного.
Мой подход:
- Я добавил код
relativeURLs = trueиuglyURLs = trueв начало файлаconfig.toml, но он все равно не отображается должным образом. - Я установил
baseurl = "/"вconfig.tomlфайле, но это тоже не работает.
🤔 А знаете ли вы, что...
CSS Variables (переменные) позволяют хранить и повторно использовать значения стилей.
Ответы:
Ваш файл CSS не загружается должным образом. Это может иметь несколько причин, например:
- URL-адрес http на https-сайте.
- неправильные хэши «целостности» в вашем файле css.
- css не развернут или находится не в том же месте на сервере.
Здесь может помочь плагин инструментов разработчика Google. Если вы щелкните правой кнопкой мыши на своей веб-странице, нажмите «проверить» и перейдите в консоль. Вы можете увидеть любые ошибки загрузки.
Возможно, ваша тема загружает CSS с помощью {{ .Site.Baseurl }}.
Например:
<link rel = "stylesheet" href = "{{ .Site.BaseURL }}css/style.css">
В этом случае убедитесь, что для BaseUrl, определенного в верхней части файла config.toml, установлено значение http://локальный:1313, что позволит вашему локальному серверу найти файл CSS.
Вы можете установить Веб-сервер для Chrome и выбрать папку /public вашего веб-сайта Hugo. Теперь ваш сайт должен корректно отображаться по настроенному URL-адресу (http://127.0.0.1:8887 на примере снимка экрана).
Возможно, вы захотите установить baseURL абсолютный путь к папке public.