Размещение вашего статического сайта бесплатно

  1. GitHub Pages
  2. Пользовательские доменные имена
  3. Surge.sh
  4. Netlify (личный фаворит)

Итак, вы только что добавили последние штрихи к своему статический сайт и пришло время поделиться этим с миром. Хорошей новостью является то, что существует множество отличных хостинговых решений, которые помогут упростить процесс. Развертывание современного статического сайта стало чрезвычайно быстрым, простым и совершенно бесплатным! Лучше всего то, что все эти решения имеют встроенное кэширование и сеть доставки контента (CDN) для обеспечения оптимальной производительности.

Если вы запускаете личный сайт или что-то важное, я настоятельно рекомендую приобрести доменное имя. Это будет единственная цена, которую вы понесете в этом процессе, но доменные имена стоят всего около 10-15 долларов за целый год. Если вы просто экспериментируете или не заботитесь о своем URL, хостинговые решения, приведенные ниже, предоставят вам бесплатный субдомен. Разница в основном сводится к: yoursite.com против yoursite.netlify.com.

Я недавно использовал Namecheap потому что домен имеет бесплатную конфиденциальность Whois, что важно, если рекламодатели не хотят получать спам. Довольно хорошая сделка, если учесть, что в других местах берут 5-10 долларов только за конфиденциальность.

GitHub Pages

GitHub Pages хороши тем, что позволяют размещать ваш сайт прямо из репозитория GitHub. После завершения начальной настройки вы можете быстро развертывать каждый раз, когда вносите изменения в свой репозиторий. Вы выберете публикацию на страницах GitHub либо с сайта пользователя, либо с сайта проекта. На сайте пользователя вам просто нужно создать новый репозиторий, используя ваше имя пользователя. Имя репо должно быть: username.github.io.

Например, мое имя пользователя GitHub - ChangoMan, поэтому мой новый репозиторий будет называться: changoman.github.io , Теперь мне просто нужно создать новый файл index.html и зафиксировать его в этом хранилище, и сайт будет запущен https://changoman.github.io/ , Ваш генератор статического сайта должен был создать скомпилированную папку (обычно называемую / public) после процесса сборки, поэтому вам нужно будет зафиксировать содержимое в вашем хранилище.

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

Выберите основную ветку в качестве источника, и ваш сайт будет работать по адресу: https: // имя пользователя .github.io / репозиторий , В качестве альтернативы, вы можете выбрать мастер-ветку / папку docs, а GitHub Pages будет игнорировать все в вашей мастер-ветке и только развернуть материал в папке / docs. Поскольку генератор статического сайта, вероятно, выведет папку с именем / public, вам необходимо настроить ее и изменить имя с / public на / docs перед фиксацией.

Например, репо: https://github.com/ChangoMan/hugo содержит статический шаблон сайта Hugo. Обратите внимание на папку там, называемую / docs, которая содержит конечные файлы сайта. Обычно эта папка будет называться / public, но я настроил Hugo и изменил имя выходной папки, это делается в config.toml файл.

Метод / docs полезен, если вы хотите отслеживать как статический шаблон сайта, так и конечный скомпилированный сайт. Есть много Руководства GitHub для более продвинутых методов.

Пользовательские доменные имена

Если бесплатный поддомен GitHub не идеален, вы можете использовать свой собственный домен, как я упоминал ранее. Направляйтесь к Namecheap если вы ищете новый домен. Получив свой домен, перейдите на вкладку «Настройки» для своего репозитория GitHub и введите свой пользовательский домен в разделе «Страницы». Затем вам нужно настроить свой ALIAS, ANAME или Arecord у своего провайдера DNS. Этот шаг зависит от того, где вы приобрели свой домен, см. это руководство Больше подробностей.

Как примечание, вы получите доступ к бесплатному сертификату SSL при использовании поддоменов GitHub, но вы потеряете SSL при переходе на пользовательский домен. Это также верно для Surge.sh, который является еще одним вариантом хостинга, который мы рассмотрим ниже. Очень важно, чтобы ваш сайт обслуживался по https, потому что Google решительно поддерживает это для рейтинга SEO. Если вы хотите SSL с пользовательским доменом, вы можете настроить бесплатный Cloudflare account и пусть Cloudflare обработает вашу запись DNS.

Surge.sh

Мне очень нравится Surge.sh, потому что он быстрый и простой в настройке и развертывании. Чтобы начать использовать Surge, на вашем компьютере должны быть установлены Node.js и npm. Из корневой папки проекта убедитесь, что вы создали окончательную папку сборки

cd public / npm install - глобальный всплеск всплеска эха subdomain.surge.sh> CNAME

Бум, вот и все. Все можно сделать из терминала с помощью нескольких команд. Вы можете использовать случайно сгенерированный поддомен или изменить свой собственный в процессе развертывания. По умолчанию Surge будет хотеть генерировать новый поддомен каждый раз при развертывании. Добавление этого файла CNAME скажет Surge запомнить домен, который вы выбрали.

Как и в случае с GitHub Pages, вы можете настроить настраиваемый домен , но не будет с сертификатом SSL. Вы можете исправить это с помощью бесплатной учетной записи Cloudflare, как и раньше.

Netlify (личный фаворит)

Пока что мы обсудили два замечательных варианта хостинга, но у них обоих есть схожие недостатки. Во-первых, пользовательские домены не поставляются с сертификатом SSL. Как упоминалось ранее, обслуживание вашего сайта с помощью https помогает повысить рейтинг в SEO и очень важно. С Netlify , вы получите бесплатный SSL с вашим пользовательским доменом! Это еще одна вещь, о которой вам нужно беспокоиться при размещении вашего окончательного проекта.

Второй недостаток связан с процессом сборки. При использовании статических генераторов сайтов вам нужно будет запускать команду сборки каждый раз, когда вы вносите изменения или внедряете. Это может быть довольно утомительно, но с Netlify Непрерывное развертывание мы можем вообще пропустить этот шаг сборки. После того как вы зарегистрируете и интегрируете свою учетную запись GitHub, все, что вам нужно сделать, - выбрать, какую команду сборки запустить и какую папку развернуть. Каждый раз, когда вы вносите изменения и делаете коммит, Netlify обнаружит это и запустит процесс сборки для вас!

Netlify также поставляется с некоторыми отличные возможности такие как свободная обработка форм и Webhooks для облегчения развертывания. Это определенно стало моим любимым выбором при размещении статических сайтов, посмотрите эти замечательные видео уроки для дополнительной информации.

Похожие

Как сделать SEO для вашего сайта со структурой сайта
Нил Патель в одном из своих постов в блоге Kissmectrics Я сказал, и я цитирую, каждый веб-сайт имеет более высокие шансы на высокий рейтинг в поисковой системе, при условии, что веб-сайт структурно разработан с функциями, которые поддерживают SEO. Каждый веб-сайт, который мы видим в наши дни, имеет ту или иную структуру в зависимости от предпочтений владельца и того, чем занимается сайт. Сайты имеют различный
Стоимость оптимизации сайта
SEOS предлагает стандартную цену пакета для оптимизации сайта. Стоимость услуги оптимизации до 2-х ключевых слов за один раз - 600,00 лв. За каждое дополнительное ключевое слово вы платите 100,00 лв. Мы предлагаем стандартный
SEO оптимизация вашего сайта на WordPress
Сегодня я хочу рассказать вам о реальной истории SEO оптимизации сайта для сайта WordPress или для сайта. newsvideogame.it Уже существующий веб-сайт и в течение нескольких месяцев (с конца 2015 года)
Оптимизация сайта и интернет-магазин
... shop, Ruby и других CMS, а также статических HTML5, CSS3, JavaScript и PHP-кодированных сайтов. Редизайн и изменение сайта Если у вас уже есть существующий сайт, но вы считаете, что он устарел или его функциональные возможности не соответствуют вашим требованиям, мы можем предложить вам полный редизайн и перепрограммирование вашего сайта. Это сохранит ваши предпочтения, тексты и базовую архитектуру, но сайт приобретет совершенно новое современное видение и функциональность.
Оптимизация сайта (SEO)
Оптимизация сайта - это структура контента и ссылок, поэтому она легко и преимущественно индексируется поисковыми системами (в основном из Google ) и высоко посещаемый пользователями. Оптимизация может быть внутренней или внешней. Внутренняя оптимизация сайта Внутренняя оптимизация сайта не только желательна, но и необходима
Local SEO - Оптимизация вашего сайта для местного бизнеса
ЧТО ТАКОЕ МЕСТНОЕ SEO? Поисковая оптимизация (SEO) - это практика форматирования вашего сайта, поэтому он будет иметь высокий рейтинг в Google и других поисковых системах. Под местным SEO (или LSEO) понимается практика SEO, специально разработанная для того, чтобы ваш сайт занимал высокое место в Google в вашем географическом регионе. Если бы вы когда-либо искали Google или любой другой движок с геоидентификатором, например, «механика в Дублине», «Местные
Моя SEO шпаргалка
Для тех, кто ищет TL; DR: вот список В моем последний пост Я рассказал о своем плане пересмотреть мой старый побочный проект и начать разработку заново. Проект представляет собой расширение Chrome под названием Простой блокировщик я начал в
SEO, PPC или оба? Что подходит для вашего сайта?
В современном мире, управляемом интернетом, недостаточно просто иметь веб-сайт с множеством красивых картинок и описаниями продуктов. Вам нужен сайт, который легко найти, когда люди готовы сделать покупку. Есть, конечно, несколько
Бесплатные инструменты SEO, чтобы мгновенно улучшить рейтинг вашего сайта
Итак, что вы думаете о вашей текущей стратегии поисковой оптимизации (SEO)? По прошествии года вы определенно хотите проанализировать общую эффективность ваших маркетинговых усилий и знать, что сработало, а что не сработало, и реальный прогресс, который вы достигли, что помогло
Карта сайта
Carmel от Carmel Interior Design был идеальным выбором для моего дизайна интерьера. Идеи текли, и дизайн начался с профессионализма и совершенства. В результате чего сказочный результат. - Джанел Орчард
Макассар SEO эксперт: Профессиональный и Лучший!
Вам нужны услуги SEO? Syamsul Alam SEO-эксперт в Макасаре, который был проверен и протестирован в SEO-деятельности и наших услугах, а именно в Cheap SEO Services, и вы можете сравнить их с SEO услуги больше. Конечно, для увеличения посетителей вашего сайта, помимо качественного контента, важнее всего SEO. SEO - это один из методов привлечения внимания со стороны поисковых систем, так что если ваш сайт

Комментарии

Знаете ли вы, что это то же самое, если вы хотите, чтобы Google поддался очарованию вашего сайта?
Знаете ли вы, что это то же самое, если вы хотите, чтобы Google поддался очарованию вашего сайта? В этой статье мы определим 4 основных критерия, которые понравятся Google: Технический критерий Поведенческий критерий Критерий дурной славы Критерий содержания Если вы примените эти 4 критерия к своему собственному веб-сайту, Google может только безумно влюбиться и расположить его в верхней части результатов поиска. Технический
Но знаете ли вы, что тщательно сделанная внутренняя ссылка может дать поисковым системам лучшую картину вашего сайта?
Но знаете ли вы, что тщательно сделанная внутренняя ссылка может дать поисковым системам лучшую картину вашего сайта? Правильно, внутренние ссылки помогают поисковым системам, таким как Google, знать, что означает ваш сайт и о чем он. Например, предположим, что у вас есть суперинформативное руководство, которое вы опубликовали, на которое вы пытаетесь сослаться из других своих небольших постов в блоге. Google понимает, что эта ваша страница важна из-за множества внутренних ссылок,
Может ли ссылка на другой сайт повредить органический рейтинг вашего сайта?
Может ли ссылка на другой сайт повредить органический рейтинг вашего сайта? Это всегда так или есть случаи, когда ссылки на другой сайт могут реально улучшить рейтинг вашего сайта? Задумайтесь на минуту о том, что в конечном итоге хочет Google. Google хочет, чтобы его пользователи находили
Имеет ли смысл структура вашего сайта и навигация для вашей целевой аудитории?
Имеет ли смысл структура вашего сайта и навигация для вашей целевой аудитории? Легко ли найти информацию о вашем контакте и местонахождении? Что ваш сайт быстро загружает на ПК и мобильные устройства? Узнать ! У вас есть сильное присутствие в социальных сетях? Вы общаетесь со своими нынешними и потенциальными клиентами онлайн? Могут ли ваши нынешние и потенциальные клиенты присоединиться
Зачем проверять позиционирование вашего сайта?
Зачем проверять позиционирование вашего сайта? Аудит позиционирования ваших веб-страниц является одним из наиболее важных шагов, прежде чем предпринимать какие-либо стратегии позиционирования. Аудит позволяет вам иметь точное и глобальное видение позиций ваших страниц на всех ваших ключевые слова , Регулярный аудит позиционирования ваших веб-страниц позволяет вести историю и строить
Отите ли вы улучшить SEO вашего сайта Magento?
Зачем проверять позиционирование вашего сайта? Аудит позиционирования ваших веб-страниц является одним из наиболее важных шагов, прежде чем предпринимать какие-либо стратегии позиционирования. Аудит позволяет вам иметь точное и глобальное видение позиций ваших страниц на всех ваших ключевые слова , Регулярный аудит позиционирования ваших веб-страниц позволяет вести историю и строить
Используете ли вы какие-либо другие инструменты SEO для анализа вашего сайта?
Используете ли вы какие-либо другие инструменты SEO для анализа вашего сайта? Пожалуйста, поделитесь с нами в комментариях ниже.
Это дизайн вашего сайта SEO дружественных?
Используете ли вы какие-либо другие инструменты SEO для анализа вашего сайта? Пожалуйста, поделитесь с нами в комментариях ниже.
Как это повлияет на рейтинг страницы и другие аспекты вашего сайта?
Как это повлияет на рейтинг страницы и другие аспекты вашего сайта? Обратите внимание, что Google начал продвигать привилегии для сайтов, использующих HTTPS в 2014 году. Он подтвердил внешнему миру, что он действительно сделал HTTPS один из сигналов ранжирования. К счастью для многих веб-сайтов, он начинался как легкий ранжирующий сигнал - один
Ищете инструмент SEO, который поможет оптимизировать техническую, контентную, UX и мобильную производительность вашего сайта?
Ищете инструмент SEO, который поможет оптимизировать техническую, контентную, UX и мобильную производительность вашего сайта? Siteimprove SEO - это новый способ работы с SEO. Приоритетные списки рекомендаций, анализ конкурентов, мониторинг ключевых слов и многое другое помогут вам увеличить трафик и легко создавать контент из одного места.
Как выполнить поисковую оптимизацию (SEO) вашего интернет-магазина или сайта?
Как выполнить поисковую оптимизацию (SEO) вашего интернет-магазина или сайта? Когда вы решите заняться бизнесом в Интернете, поисковая оптимизация фразы должна что-то вам сказать. Правда, это часто для многих испанских деревень . Поэтому полезно связаться с партнерами, которые предоставят вам не только комплексный интернет-магазин или решение для веб-сайта, но и ваше дальнейшее образование и прогресс в интересах вашего бизнеса. «В ByznysWeb для нас

Что подходит для вашего сайта?
Вам нужны услуги SEO?
Знаете ли вы, что это то же самое, если вы хотите, чтобы Google поддался очарованию вашего сайта?
Но знаете ли вы, что тщательно сделанная внутренняя ссылка может дать поисковым системам лучшую картину вашего сайта?
Может ли ссылка на другой сайт повредить органический рейтинг вашего сайта?
Это всегда так или есть случаи, когда ссылки на другой сайт могут реально улучшить рейтинг вашего сайта?
Имеет ли смысл структура вашего сайта и навигация для вашей целевой аудитории?
Легко ли найти информацию о вашем контакте и местонахождении?
Что ваш сайт быстро загружает на ПК и мобильные устройства?
У вас есть сильное присутствие в социальных сетях?
Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

    Как поменять клавиатуру на ноутбуке самостоятельно?
    Владельцы мастерских по ремонту компьютеров часто встречаются со случаями, когда приносят ноутбук, на который была пролита какая-либо жидкость. В некоторых случаях подобная ситуация означает, что понадобится

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем более неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, плохо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения

    Как почистить клавиатуру компьютера
    С появлением компьютера человек все больше времени проводит за ним. Это и рабочий инструмент, и средство развлечения. Поэтому, совсем неудивительно, что определенные устройства, используемые для ввода

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

    4 способа, как отключить клавиатуру на ноутбуке
    Если у вас есть ноутбук, то клавиатура и тачпад на нем являются важными составляющими, без которых работа на устройстве будет вызывать сложности. Конечно есть альтернативы в виде клавиатур и мышей, которые

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем более неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, плохо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем немало неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, нехорошо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения