Как использовать Dropbox для размещения простого HTML-сайта

Хостинг даже самых простых веб-сайтов требует, чтобы вы много знали о таких вещах, как доменные имена, место для веб-хостинга, серверы, CMS и т. д. Это особенно беспокоит, если вы новичок в таких вещах. При этом, если вы хотите размещать сложные веб-сайты, такие как RTT, у вас нет другого пути, кроме как пройти через все, что я сказал ранее. Однако, если все, что вам нужно, это простой веб-сайт всего с несколькими страницами, например, сайт-портфолио или сайт для малого бизнеса, тогда процесс не должен быть таким сложным.

Большинство из нас используют Dropbox для хранения файлов и обмена ими. Вы можете использовать Dropbox не только для хранения и обмена, но и для многих других целей. Одним из них является размещение собственного веб-сайта в Dropbox бесплатно. Итак, если вам нужен простой веб-сайт, то вот как использовать Dropbox для размещения веб-сайтов всего за несколько кликов.

Вот демонстрационный веб -сайт  , который мы разместили в Dropbox.

Ограничения

Что ж, когда вы решите разместить свой веб-сайт в Dropbox, вам нужно помнить о некоторых ограничениях. Это связано с тем, что Dropbox является облачным хранилищем и не предназначен для размещения веб-сайтов. Ниже приведены некоторые вещи, которые вы должны иметь в виду.

• Свободного места всего 2 Гб. Вы можете увеличить его с помощью рефералов.
• Вы можете размещать только статические HTML-сайты. Вы не можете размещать динамические веб-сайты, использующие PHP, Java и т. д.
• Пропускная способность ограничена, и если ваш веб-сайт получает высокий трафик, ваш сайт может быть недоступен для большинства из них.
• У вас нет доступа к серверу или расширенным настройкам, которые вы получаете при размещении своего сайта на выделенном веб-хостинге.
• Поскольку у вас не будет визуального редактора для создания файлов HTML, вам нужно немного знать HTML, CSS и кое-что о редактировании Markdown.
• Чтобы разместить собственный домен, вам нужно выбрать премиум-версию.

Используйте Dropbox для размещения веб-сайта

Есть несколько бесплатных сервисов, позволяющих размещать веб-сайты в Dropbox. Для этого конкретного урока я использую DropPages. С бесплатной учетной записью вы ограничены в использовании субдомена DropPages с хранилищем 50 МБ. Если вы хотите использовать собственное доменное имя с большим объемом памяти, вам необходимо подписаться на их премиум-план.

Для начала перейдите в DropPages и нажмите кнопку « Войти », которая появится на главной странице.

Вышеупомянутое действие приведет вас к экрану аутентификации Dropbox. Здесь нажмите кнопку «Разрешить», чтобы предоставить разрешения DropPages. Не волнуйтесь, DropPages будет иметь доступ только к своей собственной папке. Он не сможет получить доступ к другим папкам или файлам в вашей учетной записи Dropbox.

После предоставления необходимых разрешений вы будете перенаправлены обратно в DropPages. Здесь нажмите на кнопку «Создать новый сайт».

Вы попадете на страницу выбора домена. Здесь введите новое доменное имя как example.droppages.com и нажмите кнопку «Создать». Не забудьте заменить «пример» своим собственным именем. Поскольку у вас бесплатный план, вы не можете добавить собственный домен.

Это все, что нужно сделать. Вы успешно создали веб-сайт с помощью Dropbox и DropPages. Перейдя на созданный вами домен, вы можете получить доступ к своему новому веб-сайту. Конечно, многого не будет, пока вы не добавите в него контент.

Все файлы, созданные DropPages, будут храниться в вашей учетной записи Dropbox. Если вы откроете свою учетную запись Dropbox и перейдете к /Apps/My.DropPages/, вы увидите новую папку с вашим доменным именем.

Внутри этой папки вы увидите еще три подпапки. Вот кто они и что они делают.

Содержимое: папка содержимого используется для загрузки текстовых файлов, написанных на языке Markdown. Эти текстовые файлы затем визуализируются как HTML с помощью папки Template. Вам не нужно специально использовать текстовые файлы с Markdown для создания контента для вашего сайта, но это сделает вашу жизнь намного проще.

Public: в этой папке хранятся все общедоступные файлы, такие как CSS, JS, изображения, а также загружаемый контент, такой как PDF, ZIP-файлы и т. д.

Шаблоны: вы можете использовать эту папку для размещения всех ваших HTML-файлов. Эта папка также отвечает за рендеринг HTML-файлов с текстовыми файлами в папке Content.

Чтобы добавить содержимое на новый сайт, загрузите файлы HTML в папку «Шаблоны», а другие файлы, такие как изображения, CSS и JS, — в общую папку. Если все пойдет правильно, ваш новый сайт будет запущен и запущен в кратчайшие сроки.

Теперь, если вы перейдете к своему доменному имени, вы увидите, что макет довольно простой, всего две строки текста. Нет изображений или css.

Вы можете загрузить свои собственные файлы HTML и CSS в содержимое и общую папку.

Или DropPages также предлагает  3 бесплатные темы . Загрузите любой из них, извлеките содержимое, и вы найдете три папки — Content, Public и Templates. Просто загрузите содержимое этих папок в соответствующий каталог в вашем Dropbox, и вы получите такой веб- сайт . (см. скриншот вверху).

Чтобы изменить запись текста и изображений на веб-сайте, обновите папку Content and Public.

Существует несколько бесплатных тем HTML, которые помогут вам создать нужный веб-сайт. Вот хороший сайт для начала работы с хорошими темами HTML. Если вы не знаете, как писать HTML, вы можете использовать этот бесплатный инструмент для создания содержимого HTML.

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

При этом, если вы серьезно относитесь к своему веб-сайту, я рекомендую вам разместить его на правильном веб-хостинге с правильным доменным именем. Следующее видео поможет вам создать профессиональный веб-сайт с помощью WordPress менее чем за 10 минут.

Надеюсь, что это поможет, и оставьте комментарий ниже, поделившись своими мыслями и опытом использования вышеуказанного метода для использования Dropbox для размещения веб-сайта.