Содержание
Как создать личный сайт бесплатно
сайт
Профессионально созданные веб-сайты и собственные доменные имена могут стоить больших денег. Однако вы также можете создать и разместить свой веб-сайт почти или полностью бесплатно.
Панкай
• 4 мин чтения
Последнее обновление:
•
4 мин чтения
Профессионально созданные веб-сайты и собственные доменные имена могут стоить больших денег. Тем не менее, вы также можете создавать и размещать столько веб-сайтов, сколько хотите, ничего не тратя / очень меньше; посмотрим как.
ABOUT.ME
После быстрой регистрации About.me поможет вам создать домашнюю страницу, оптимизированную для поисковых систем, с небольшой биографией и ссылками на все ваши социальные сети. Вы можете настроить фон страницы (загрузить свой собственный), выбрать шрифт и выбрать свои любимые цвета.
Это займет всего несколько минут, и как только вы опубликуете свою страницу, посетители смогут отправлять вам электронные письма прямо со страницы или оставлять комплименты. About.me также отслеживает статистику вашей страницы и ведет журнал вашей активности на странице, доступный через панель инструментов после входа в систему.
FLAVORS.ME
Flavors имеет много общего с About.me. Тем не менее, он предлагает несколько дополнительных функций — вы можете изменить макет домашней страницы, упорядочить контент из разных источников и добавить к своему контенту визуальные эффекты. Бесплатная учетная запись позволяет добавить до пяти социальных сетей. Если вы выберете премиум-аккаунт (20 долларов США в год), вы сможете выбирать из большего количества дизайнов, добавлять неограниченное количество услуг, создавать оптимизированную для мобильных устройств веб-страницу, просматривать статистику в реальном времени, добавлять контактную форму посетителя и использовать Flavors со своим собственным доменным именем.
FOLLR.COM
Follr использует другой подход — они создают для вас виртуальную визитную карточку. На вашей карточке указаны данные о ваших социальных сетях, навыках, опыте работы и ваши контактные данные. Он также может автоматически обновлять контент из вашей хроники Twitter или информацию о вашем влиянии из Klout/PeerIndex. Он даже работает как мини-социальная сеть — вы добавляете в свою сеть известных людей, и они ручаются за ваши навыки и влияние. Обновление до премиум-аккаунта (2,95 долларов США в месяц) дает вам статистику и индивидуальный дизайн страниц.
DOOID.ME
Большим преимуществом Dooid является то, что он показывает вам предварительный просмотр во время работы. Другими словами, когда вы добавляете услуги, теги или меняете макет, он одновременно показывает вам предварительный просмотр готовой страницы. Бесплатная учетная запись позволяет подключить до 10 сервисов/ссылок и даже создает оптимизированную для мобильных устройств версию вашей веб-страницы.
Посетители могут загрузить вашу виртуальную визитную карточку с контактными данными, а также просматривать обновления вашей социальной сети в «лайфстриме». Вы можете удалить рекламу, добавить неограниченное количество услуг, встроить контактную форму и использовать собственное доменное имя, заплатив 5 долларов США в месяц за профессиональную учетную запись.
Создание и размещение полных веб-сайтов
WEEBLY.COM
В Weebly вам необходимо сначала указать тип сайта, который вы хотите создать (форум, блог, портфолио и т. д.). Вы можете создать субдомен на Weebly или приобрести новый. Создание не может быть проще — вы выбираете тему, а затем используете простое перетаскивание для добавления различных элементов и мультимедиа. Опытные пользователи могут даже создавать рекламные места для получения дохода. Владелец также может разрешить другим людям управлять веб-сайтом (с правами администратора).
YOLA.COM
Yola предлагает простой в использовании графический интерфейс пользователя для создания веб-сайта.
После выбора категории веб-сайта Yola создает начальный веб-сайт (каждый элемент которого можно настроить по своему вкусу). Нижняя панель позволяет быстро переключаться между несколькими темами, макетами и добавлять виджеты, где это необходимо. Закончив с дизайном, вы можете опубликовать сайт как субдомен Yola и отслеживать посетителей через панель администратора.
WIX.COM
Wix загружен стильными шаблонами, которые подойдут для самых разных веб-сайтов. Вы можете выбрать бесплатный шаблон и отредактировать его по своему вкусу в собственном графическом HTML-редакторе Wix — навыки программирования не требуются. После того, как вы настроили шаблон, публикация веб-сайта, чтобы любой мог получить к нему доступ, занимает всего минуту. Единственная проблема заключается в том, что адрес веб-сайта немного длинный и сложный для запоминания (www.yourusername.wix.com/sitename).
ZOHO.COM
Zoho также предлагает несколько шаблонов на выбор, в зависимости от стиля веб-сайта.
Затем вы можете настроить доступные шаблоны, используя простой интерфейс перетаскивания — вставка мультимедиа или встраивание элементов от третьих лиц — это детская игра. Zoho даже позволяет добавлять на страницу виджеты для полезных сервисов, таких как PayPal, Google Adsense, Google Maps, и поддерживает встраивание динамического контента, такого как отзывы пользователей.
Создатели мобильных сайтов
OCTOMOBI.COM
Если вам нужно создать мобильный сайт за считанные минуты, Octomobi отлично справится с этой задачей. Зарегистрируйтесь бесплатно, выберите шаблон, отредактируйте макет, добавьте контент, загрузите свой логотип, и ваш сайт, оптимизированный для мобильных устройств, готов. Бесплатная учетная запись позволяет создавать веб-сайты только в сети Octomobi. Заплатив 9 долларов США в месяц за профессиональную учетную запись, вы можете сопоставить сайт со своим собственным доменом с интеграцией Google Analytics.
ONBILE.
COM
Onbile позволяет создать веб-сайт в качестве поддомена (www.yoursitename.onbile.com). Вы можете создать многофункциональный мобильный сайт с несколькими страницами, каталогом, галереей изображений или сайтом электронной коммерции. Бесплатная версия сайта содержит рекламу на каждой странице и предлагает только базовую статистику сайта. Выбор профессиональной учетной записи (12 долларов США в месяц) удаляет рекламу, предлагает хранилище объемом 500 МБ и подробную аналитику посетителей.
Как разместить свой личный веб-сайт бесплатно | by Joey Colon
Благодаря магии AWS S3 и Cloudflare
Опубликовано в
·
Чтение: 6 мин.
·
27 июля 2019 г.
Изображение с https://unsplash .com/@kevnbhagat
С веб быстро развивается в течение последних пяти или около того лет, методы разработки, которые раньше считались стандартом, теперь устарели.
Чтобы разместить веб-сайт в Интернете, раньше стандартом было использование платных общих хостинговых услуг cPanel, таких как NameCheap или GoDaddy.
В то время как виртуальный хостинг по-прежнему является действенным решением для продвижения вашего веб-сайта в производство, появились более интуитивно понятные решения. Я объясню подход, который я использовал для развертывания своего личного веб-сайта, где я фактически плачу 0 долларов США в месяц, чтобы поддерживать свой веб-сайт в сети.
Перво-наперво — предварительные условия:
Вам понадобятся статические файлы (HTML/CSS/JS) для вашего веб-сайта. Это руководство применимо только к сайтам, которые используют статический набор файлов.
Вам также понадобится собственный домен. Домены обычно стоят в среднем около 15 долларов в год, в зависимости от расширения TLD, на которое вы смотрите. Это определенно стоит вложений в личный бренд.
Вам также потребуется создать учетную запись в Cloudflare и Amazon Web Services. Если вы не знакомы ни с одним из этих сервисов, ничего страшного — я объясню каждый шаг, который вам нужно предпринять на обеих платформах.
Давайте начнем.
Настройка корзины AWS S3:
После входа в консоль AWS перейдите в консоль управления S3.
Нажмите кнопку Create Bucket . Появится модальное окно с запросом подробностей о создаваемом сегменте.
Консоль управления AWS S3
В качестве имени корзины убедитесь, что вы вводите точное имя своего домена. В качестве примера этого руководства я буду использовать домен tutorial.joey.dev 9.0053 . В качестве региона я выбираю ближайший ко мне географически, Восток США (Северная Вирджиния) . Не стесняйтесь выбирать то, что вам ближе. Нажмите «Далее», когда будете готовы двигаться дальше.
Создание корзины AWS S3 — первый шаг
Выполнив второй шаг, нажмите «Далее». На третьем шаге убедитесь, что вы сняли флажок Блокировать весь публичный доступ , а также другие флажки. Нам не нужно использовать доставку журналов S3, поэтому отключите и эту опцию. Нажмите «Далее.
Создание корзины AWS S3 — шаг третий
На четвертом шаге нажмите кнопку Создать корзину .
После того, как вы создали сегмент, вы должны увидеть новый сегмент в списке ваших сегментов на странице консоли управления S3. Нажмите на только что созданную корзину, и вы должны увидеть что-то похожее на это:
AWS S3 — Недавно созданная корзина S3
Щелкните вкладку Свойства в верхней части экрана, а затем Статический веб-сайт, на котором размещен , в первом ряду карточек. . Щелкните значок Использовать это ведро для размещения веб-сайта 9вариант 0054. Для индексного документа введите index.html и нажмите «Сохранить».
Убедитесь, что вы записали конечную точку, которую они вам дают.
AWS S3 — Конфигурация размещения статического веб-сайта
Отлично! Теперь последняя часть стороны AWS — это загрузка файлов вашего статического сайта в новую корзину. Щелкните вкладку Обзор , а затем кнопку Загрузить . Вас встретит модальное окно ниже. Идите вперед и загрузите файлы вашего сайта.
AWS S3 — загрузка файлов, первый шаг
После выбора файлов для загрузки нажмите кнопку Далее.
На втором шаге вам нужно щелкнуть раскрывающийся список Управление публичными разрешениями и изменить его на параметр Предоставить публичный доступ для чтения к этому объекту (ам) . Нажмите «Далее.
AWS S3 — второй шаг загрузки файлов
Начиная с третьего шага, игнорируйте все параметры и нажмите кнопку «Далее». На четвертом шаге нажмите кнопку Upload . После загрузки вы сможете посетить свой веб-сайт с помощью URL-адреса конечной точки, который я сказал вам сохранить.
Ура! Перейдем к настройке Cloudflare.
Веб-сайт, размещенный на AWS S3
Настройка Cloudflare:
Я предполагаю, что вы впервые пользуетесь Cloudflare и еще не подключили домен своего сайта к сервисам Cloudflare. На панели инструментов Cloudflare нажмите кнопку Добавить сайт . Введите URL своего веб-сайта и нажмите «Далее». Нажмите «Далее» еще раз и, когда вас спросят о плане, выберите бесплатный план и продолжайте.
Когда вы попадете на страницу результатов DNS-запроса, удалите все отсканированные записи.
Ваши результаты должны выглядеть примерно так:
Мы хотим добавить две разные записи CNAME .
Для первой записи для name введите www , а для Domain name введите ваше доменное имя без http://. Например. tutorial.joey.dev ).
Для второй записи, для name введите ваше доменное имя, а для Domain name введите конечную точку серверной корзины S3, которую мы посетили ранее в этом руководстве. Убедитесь, что оранжевое облако включено при добавлении этих записей.
Конфигурация DNS-записей Cloudflare
После того, как вы подтвердите, что ваши записи настроены правильно по сравнению с моей картинкой, нажмите «Продолжить». Теперь вам нужно будет изменить серверы имен вашего домена у регистратора вашего домена, чтобы они указывали на серверы имен Cloudflare. Вам следует обратиться к базе знаний вашего регистратора доменных имен за руководством по изменению ваших серверов имен, поскольку каждый веб-сайт немного отличается с точки зрения макета.