Сайт HTML, созданный на Mobirise, некорректно отображается при загрузке в NGINX с помощью PuTTY - PullRequest
Новая
       161

Сайт HTML, созданный на Mobirise, некорректно отображается при загрузке в NGINX с помощью PuTTY

0 голосов
/ 20 июня 2020

Через пару недель go Я начал создавать сайт, используя NGINX, но хотел, чтобы он выглядел лучше. Итак, я начал использовать Mobirise, так как у меня нет большого опыта работы с HTML. Я создал сайт, похожий на изображение ниже: enter image description here

However, when I take the HTML code from notepad and upload it to NGINX using PuTTY, the site looks like this: enter image description here

Does anyone know why this might be happening? I'm quite inexperienced with HTML, which is why I went to Mobirise to build the site. Below is the code that I'm using for HTML (unfortunately I don't know where the issue might be so I'm including the whole block of code):

<!DOCTYPE html>


  <!-- Site made with Mobirise Website Builder v4.12.4, https://mobirise.com -->
   Дом
Mobirise MOBIRISE ГЛАВНАЯ ИНСТРУМЕНТЫ РЕЙТИНГИ FF
ПОД ПОСЛЕ КАСАНИЯ
бесплатные шаблоны сайтов Оценщик FF Добро пожаловать на FF Evaluator, веб-сайт, созданный для размещения ряда инструментов фэнтези-футбола.
Щелкните красный «+» в правом нижнем углу, чтобы добавить новый блок. Эти инструменты созданы для СКАЧАТЬ СЕЙЧАС УЗНАТЬ БОЛЬШЕ image BOOTSTRAP 3

Bootstrap 3 отмечен как один из самых надежных и проверенных фреймворков, и Mobirise был оборудован для разработки веб-сайтов с использованием этого фреймворка.

ПОДРОБНЕЕ image ОТВЕТСТВЕННЫЙ

Одним из главных достоинств Bootstrap 3 является отзывчивость, и Mobirise эффективно использует это, создавая для вас очень отзывчивый веб-сайт.

ПОДРОБНЕЕ image ВЕБ-ШРИФТЫ

Google имеет очень исчерпывающий список шрифтов, скомпилированных в его платформу веб-шрифтов, а Mobirise позволяет легко и свободно использовать их на вашем веб-сайте.

ПОДРОБНЕЕ image НЕОГРАНИЧЕННЫЕ ВЕБ-САЙТЫ

Mobirise дает вам свободу разрабатывать столько веб-сайтов, сколько вам нравится, учитывая тот факт, что это настольное приложение.

ПОДРОБНЕЕ

Ответы [ 2 ]

1 голос
/ 21 июня 2020

Ваш сайт не является единым index.html файлом. Он состоит из целого набора файлов и папок, и вам нужно загрузить их все на свой веб-сервер. Другими словами, вы должны скопировать все содержимое вашей папки C:\Users\Hoppy\OneDrive\FF Evaluator в вашу сеть root на сервере. Если у вас нет доступа к серверу по FTP, вы можете использовать WinSCP , чтобы сделать это через SSH / SFTP.

0 голосов
/ 20 июня 2020

Из того, что я вижу, ваш сайт, вероятно, не получает CSS, который хранится в папках с путями: 

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:700,400&subset=cyrillic,latin,greek,vietnamese">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/animatecss/animate.min.css">
  <link rel="stylesheet" href="assets/mobirise/css/style.css">

Убедитесь, что файлы CSS существуют и путь правильный. Это должно решить вашу проблему. Дважды проверьте путь.

...