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