Как самому сделать сайт и хостинг бесплатно
Как сделать бесплатно свой сайт на своём бесплатном веб-хостинге. Это может быть Ваш блог, портфолио, сайт-визитка или интернет-магазин. Без конструкторов.
Когда перед Вами встаёт задача сделать свой собственный веб-сайт, Вы начинаете поиск информации о том как это сделать максимально качественно с минимальными финансовыми вложениями.
По мере того, как Вы перечитаете множество статей и форумов и просмотрите видео-обзоры в Youtube, перед Вами появится выбор по сути из нескольких вариантов и создавать сайт можно следующими способами:
- обратиться за разработкой сайта к веб-программистам
- воспользоваться бесплатными предложениями от Google или Yandex
- заплатить за конструктор сайтов наподобие Wix или Squarespace
- сделать сайт самому на бесплатной CMS WordPress и ему подобным
1. Сделать веб-сайт с помощью веб-программиста
Веб-программисты… Те из них, кто что-то знают и умеют работают на заграницу и за гораздо более интересные деньги, чем (скорее всего) Вы готовы им предложить.
К тому же они загружены текущими заказами. Те же, кто готов взяться за Ваш заказ за тот скромный гонорар, который Вы готовы им предложить, сделают какую-нибудь грусть-печаль и не впишутся в сроки, оговоренные в Вашем с ними устном или письменном договоре.
Но даже если всё сложится удачно и Вы получите хоть сколько-нибудь удовлетворительное соотношение качество / цена по результату такого сотрудничества с веб-программистом, то дальше при потребности в любом, даже незначительном, изменении в структуре или оформлении такого сайта Вам опять придется обращаться к этому веб-программисту и платить… платить… платить…
А может получиться и так, что Ваш веб-программист не сможет больше выполнять доработки по Вашему веб-сайту по объективным или субъективным причинам.
2. Бесплатные веб-платформы от Google или Yandex
Google Blogger и Yandex Zen – это очень неплохой вариант для создания собственного сайта. По крайней мере это абсолютно бесплатный вариант. Вам не нужно беспокоиться ни о чем – за хостинг платить не нужно, думать об ограничениях на объем медиа-контента не нужно.
Но это как жить на съемной квартире – перепланировку делать нельзя, старую мебель выбросить нельзя. Это еще пол-беды… Беда в том, что со съемной квартиры Вас в один прекрасный день могут попросить съехать. Потому что эта квартира не Ваша…
Хотя на первое время может это самое оно: Вы можете посмотреть, что такое веб-сайты вообще, как с ними работать, какие ограничения Вас со временем перестают устраивать и каким Вы хотите видеть Ваш будущий «серьезный» сайт.
Для начинающего фотографа Google Blogger вообще отличный вариант, так как нет ограничений на количество изображений, изображения загружаются с меньшей потерей качества, чем в соц. сетях. Из загруженных изображений легко выстроить галереи, которые будут быстро загружаться на стороне клиента и будут адаптированы для просмотра как на компьютерах, так и на мобильных устройствах.
Пример моего сайта на Google Blogger Вы можете посмотреть по этой ссылке.
Yandex Zen больше подойдет для тех кому нужен блог или новостной сайт.
Также Zen накладывает гораздо больше ограничений на форматирование текста, чем Google Blogger.
Ну и Яндекс запрещен в Украине, что будет не удобно если Ваша потенциальная аудитория находится на территории этой страны.
Пример моего блога в Яндекс Дзен Вы можете посмотреть по этой ссылке.
В будущем, если Вы захотите всё же переехать «со съемной квартиры в свою собственную», то есть заведете сайт на своем хостинге, вы сможете продолжить использовать сайты на Google Blogger или Yandex Zen как резервные на случай форс-мажоров и в качестве кросс-ссылочного SEO.
3. Конструкторы сайтов
Несмотря на то, что данное решение снимает почти все ограничения на дизайн и структуру сайтов, всё же есть два существенных момента, ставящих под вопрос целесообразность практического использования таких конструкторов:
- Вам придется платить и не маленькие, особенно для начинающих, деньги за использование конструктора. Причем платить по подписке, постоянно в течение всего времени пользования таким сайтом
- В один прекрасный день авторы этого конструктора могут прекратить его поддержку и Ваш сайт прекратит своё существование отнюдь не по Вашему на то желанию.
Я когда-то пошел по этому пути и даже достиг каких-то успехов:
Были потрачены время и деньги на раскрутку и продвижения сайта, но в один день хостер dominant.ua без предупреждения прекратил поддержку конструктора, на котором был написан сайт, и я остался вообще без сайта. Нужно Вам это? – сомневаюсь…
4. Сайт на CMS WordPress на своём хостинге бесплатно
Почему именно WordPress? – С этой CMS Вы будете максимально независимы от веб-программистов и при наличии в системе платных плагинов, сможете для определенных задач обходиться и их бесплатными аналогами. Ну и по статистике – большинство сайтов в мире работают на этой CMS:
Дальше определимся, где физически будет находиться Ваш сайт:
- Вы можете заплатить за аренду хостинга у любого хост-провайдера, который устроит Вас по цене, перечню услуг и надежности
- Вы можете бесплатно сами сделать свой собственный хостинг.
В первом случае Вам нужно будет платить помесячно в течение всего срока, в течение которого Вы предполагаете пользоваться своим сайтом.
За Вас будут выполнять все работы по поддержанию жизнеспособности сайта, как аппаратной так и программной.
Во втором случае Вы приобретете компьютер единожды и владеете им, но все работы по поддержанию жизнеспособности сайта будете выполнять Вы. Это нужно будет делать не часто, но следить за работоспособностью сайта нужно будет постоянно с определенной периодичностью.
Но так как эта статья посвящена именно бесплатному созданию сайта, то остановимся на пункте 2.
Итак, нам нужен компьютер со следующими минимальными параметрами:
- четырех-поточный X86-64 процессор
- 8 ГБ ОЗУ
- 256 ГБ SSD накопитель
- гигабитный сетевой адаптер.
Также Ваш компьютер должен быть подключен по сети к интернету по статическому внешнему IP. В Украине статический внешний IP-адрес бесплатно предоставляют например такие провайдеры как Triolan и MaxNet.
Компьютер должен быть подключен к интернету через роутер, который позволяет гибко настраивать сетевое подключение и обладает такой надежностью, чтобы Вам не пришлось по 10 раз в день его перезагружать.
Но на первое время можно обойтись и роутером типа TP-Link 841N.
Для повышения надежности работы такого роутера его можно перепрошить прошивкой OpenWRT. Но так как надежность этого роутера хромает не только программно, но и аппаратно, то прошивка OpenWRT решит проблему надежности лишь частично.
Как самое надежное решение за вменяемые деньги я рекомендовал бы роутеры торговой марки MikroTik. Такие роутеры работают без зависаний месяцами или даже годами. Оптимальным минимумом из модельного ряда этих роутеров я рекомендовал бы модель MikroTik RB951G-2HnD.
Это гигабитный роутер с Wi-Fi точкой доступа 802.11 b/g/n. Несмотря на отсутствие внешних антенн, Wi-Fi сигнал у этого роутера обладает отличной мощностью в 2,5 дБи.
Независимо от модели роутера, которую Вы выберите, Вам нужно будет настроить проброс портов от Вашего компьютера во внешнюю сеть:
- 80 – стандартный порт протокола HTTP
- 443 – стандартный порт протокола HTTPS.
Веб-интерфейс роутера нужно будет переназначить с 80-го порта на любой удобный Вам.
В случае роутеров MikroTik также нужно будет сделать проброс 80 и 443 портов обратно – из внешней сети к Вашему компьютеру.
Компьютер должен быть подключен к роутеру с помощью сетевого кабеля. Wi-Fi соединение для нашей задачи не подходит по скорости, задержкам и надежности.
Замена порта веб-интерфейса OpenWRT
- Подключаемся к роутеру по ssh (с ключом -l[имя пользователя])
- редактируем файл /etc/config/uhttpd редактором vi
3. Сохраняем изменения – [esc] :wq [enter]
4. Перезагружаем роутер – reboot
Компьютер и хостинг для веб-сайта
Если у Вас нет компьютера, удовлетворяющего требованиям, приведенным выше, то можно пойти двумя путями.
Первый и не совсем очевидный: в качестве веб-сервера можно использовать сетевое хранилище (NAS) производства Synology, например DS218j.
Помимо своего непосредственного назначения, операционная система Disk Station Manager, установленная в этот NAS, позволяет быть хостингом для сайтов на популярных CMS таких как WordPress:
Преимуществами такого решения являются:
- высокая надежность операционной системы Disk Station Manager
- простота ввода в эксплуатацию и обслуживания
- сетевое хранилище медиа-файлов будет полезно особенно видеографам, так как видеохостинги наподобие Youtube, Vimeo и Dailymotion накладывают много ограничений на видео и не всегда бесплатны.
Недостатки у этого решения такие:
- высокая цена за аппаратную начинку: внутри этих NAS – компьютер на платформе Celeron j1800, j1900
- SSD и/или HDD нужно докупать отдельно
- отсутствие возможности апгрейда и масштабирования.
Второй путь – это собрать компьютер самому или купить готовый компьютер. Также неплохой вариант – использовать в качестве веб-сервера ноутбук, так как ему не страшны относительно продолжительные перебои в электросети.
Если компьютер планируется использовать только как веб-сервер, можно обойтись и относительно недорогими решениями на платформах, где процессор впаян в материнскую плату. А так как процессор распаян на плате, то такое решение еще и более надежное.
Например очень неплохой вариант – Asus Prime J4005I-C mini-ITX:
Пассивное охлаждение бесшумно, что очень важно в бытовых условиях в режиме работы 24/7. Но если среди ваших сайтов есть интернет-магазины с большим ассортиментом товаров, то процессор лучше применить AMD Athlon 3000G s-AM4 3.5GHz/4MB или AMD Ryzen 3 2200G s-AM4 3.5GHz/4MB.
Также на эту материнскую плату можно установить скоростной NVMe SSD накопитель, например M.2 256Gb Transcend (TS256GMTE110S) :
А так как такой накопитель жестко крепится к материнской плате, то это к тому же еще и повышает надежность системы.
Установка веб-сервера
Итак, мы определились с аппаратной платформой. Теперь перейдем к программам.
Веб-сервер проще управлять и обслуживать, если на нем установлен веб-интерфейс (хостинг-панель) управления сайтами.
Есть большое количество как платных, так и бесплатных хостинг-панелей. Самой известной из них является cPanel. Это функциональное решение, но платное и еще и по подписке, что противоречит концепции этой статьи.
Перебрав несколько бесплатных вариантов, я было совсем расстроился, так как функционал и удобство использования таких хостинг-панелей очень под большим вопросом…
Но потом случайно нашел хостинг-панель BrainyCP. Случайно – потому что это молодой проект и он почти никак не рекламируется.
Установить эту веб-панель очень просто. Переходите по этой ссылке, далее нам нужно будет сгенерировать скрипт установки со следующими параметрами, оптимальными для сайта на WordPress:
- Web server – Apache 2.4
- PHP 74w
- в пакетах поставьте галочки напротив certbot и memcached
- MySQL – MariaDB 10.3.
Далее нажмите на кнопку «Сгенерировать скрипт установки».
Скопируйте полученный таким образом установочный скрипт на флешку или Google Drive.
Веб панель устанавливается поверх ЧИСТОЙ операционной системы Linux CentOS 7. Это серверный дистрибутив Linux, скачать его можно по этой ссылке.
Если Вы устанавливаете дистрибутив CentOS на физический, а не виртуальный компьютер, нужно иметь ввиду, что загрузочную флешку нельзя записывать стандартными средствами наподобие UltraISO. Нужно использовать программы наподобие balenaEtcher, умеющие формировать структуру GPT-дисков.
При установке Cent OS 7 в настройках сетевого интерфейса для протокола IPv4 выберите тип подключения – статический IP-адрес.
После установки операционной системы CentOS 7 установите обновления и перезагрузите компьютер.
Важно!!! Не подключайте сторонние репозитории после установки CentOS 7 ! Скрипт установки веб-панели сам установит ВСЁ необходимое программное обеспечение, в том числе и файловый менеджер Midnight Commander!
Запустите полученный раннее установочный скрипт в терминале с ROOT-правами и дождитесь его установки.
После окончания установки веб-панель станет доступна по адресу localhost:8002.
Для того, чтобы получить доступ в веб-панель из интернета необходимо сделать проброс порта 8002 на роутере от этого компьютера в интернет.
Логин и пароль веб панели такие же как у пользователя ROOT. Войдите в веб-панель и создайте обычного пользователя веб-панели, под которым уже будете создавать свой сайт.
В качестве бесплатного веб-сервера можно использовать операционную систему Synology Disk Station Manager. Это обычная Linux based операционная система, а следовательно она может быть установлена на обычный компьютер, а не только на NAS от Synology. В этом случае система устанавливается на обычную флешку. Она будет загрузочным диском и должна всегда быть вставлена в компьютер. Как установить Synology DSM на обычный компьютер показано в этом видео:
От себя добавлю, что если Вы устанавливаете Synology DSM на виртуальную машину Microsoft Hyper-V, то ВСЕ обновления необходимо устанавливать, предварительно скачав их из репозитория обновлений Synology DSM.
После установки DSM зайдите в панель управления, сетевые настройки и присвойте сетевому интерфейсу статический IP-адрес для протокола IPv4.
Если Вы захотите получить доступ к DSM из интернета, не забудьте сделать на роутере проброс порта 5000 во внешнюю сеть.
Регистрация доменного имени
Доменное имя – это имя сайта, которое Вам выдаст регистратор доменных имен. И это единственное, за что я Вам рекомендую заплатить в рамках этого «бесплатного» проекта. Выберите регистратора доменных из тех, которые устраивают по цене, надежности и доменной зоне.
Если Вы не хотите платить и за доменное имя, то Вы можете воспользоваться услугами бесплатных регистраторов доменных имен, таких как noip.com.
Но если Вы намерены серьезно развивать и продвигать свой сайт, то услугами бесплатных регистраторов я пользоваться не рекомендую, так как поисковые системы плохо ранжируют домены таких регистраторов.
Установка CMS WordPress на веб-сервер
В случае, если Вы приняли решение в качестве веб-панели использовать BrainyCP, то установка WordPress выполняется так:
- входите в веб-панель под созданным Вами пользователем
- добавляете сайт с зарегистрированным Вами доменным именем: WWW -> Сайты -> вводите ваше доменное имя -> нажимаете добавить сайт
- на сайте регистратора доменных имен переходите в редактор DNS зоны и в A-записи DNS меняете IP адрес на внешний статический IP адрес, выданный Вашим интернет-провайдером (узнать адрес можно например на сайте speedtest. net)
- ждете от получаса до нескольких часов пока обновится кэш DNS-серверов и заходите на свой сайт.
net)Если всё хорошо, то увидите такую веб-страницу:
Далее:
- WWW -> сайты -> напротив Вашего нового сайта нажимаете кнопку «Опции»
- Установить CMS через автоустановщик
- в новом окне переходите на последнюю страницу, выбираете wordpress – 4.9.1 и нажимаете «выбрать дистрибутив»
- в новом окне выбираете протокол https://
- если у Вас несколько сайтов на хостинге ОБЯЗАТЕЛЬНО нажимаете «Выбрать домен» и выбираете нужный
- заполняете оставшиеся поля. Важно! Логин и e-mail потом поменять будет сложно, поэтому заполните эти поля корректно!
- нажимаете «Установить»
- возвращаемся на главную страницу веб-панели, а дальше опять: WWW -> сайты -> напротив Вашего нового сайта нажимаете кнопку «Опции»
- теперь выбираем «Установить Lets Encrypt сертификат». Убеждаемся, что стоит галочка напротив «Автопродление сертификата», нажимаем на кнопку «Сохранить» и ждем пока будет сформирован сертификат для https соединения.
- Закрываем веб-панель хостинга и переходим на наш сайт.
Всё, Ваш сайт готов к использованию. Не забудьте про настройку безопасности и бэкапа сайта. Но это уже совсем другая история…
P.S. Если Вы не хотите занимать свой домашний компьютер целиком и полностью под хостинг на Linux, то хостинг можно установить на виртуальную машину Microsoft Hyper-V или Oracle VirtualBox.
Видео-урок по созданию сайта и хостинга:
Читать также:
© 2019 Andrew Lazarev Production – Видеограф, фотограф и видеомонтаж в Харькове и Харьковской области. Блог фотографа. Блог видеографа.
Как сделать сайт бесплатно ? › Создание сайтов в Донецке (ДНР)
Я часто слышу такой вопрос, а можно ли сделать сайт совершенно бесплатно? И правда — зачем платить всяким разработчикам 🙂
Так как на самом деле? Можно или нет? МОЖНО. И я даже расскажу как.
Итак поехали. Как же сделать сайт самому бесплатно?
Вариант 1 — Конструкторы сайтов.
На самом деле их достаточно много, достаточно ввести в поиск и получите десяток вариантов.
Но я их не очень люблю. Почему? Потому что они по факту не бесплатны, а условно-бесплатны, до определенного времени.
Да, именно так, потому что Ваш сайт никогда не будет принадлежать Вам, Вы никогда не сможете его перенести куда-то еще, т.к. каждый конструктор сайтов — это разработка и собственность компании и Вам никто не отдаст саму систему управления, а без нее любой крутой сайт — всего лишь простой лендинг на HTML.
Кроме этого за каждое расширение функционала нужно платить. А еще они любят брать ежемесячную оплату за размещение сайта. А если что-то не нравится, то это Ваши проблемы — их платформа, их правила. В итоге получив сайт бесплатно — приходится за него постоянно платить. А если Вам что-то не понравится в их условиях, то вы просто теряете свой сайт, т.к. перенести куда-то еще его просто невозможно.
Вариант 2 — Сайт на WordPress.
В чем плюсы: Очень гибкая и бесплатная система управления, позволяет реализовать проект практически любой сложности. Можно разместить на любом хостинге (даже на бесплатных и самых дешевых тарифах), можно перенести от одного хостера к другому за 10-20 минут. Сменить шаблон? Пожалуйста — их тысячи на любой вкус. Добавить функционал — тоже без проблем, сотни плагинов устанавливаются в 2 клика.
А как же минусы? Конечно же они тоже есть.
Во-первых — нужно учиться работать с системой WordPress. Да она достаточно проста, редактор страниц и статей — вообще, как Word, но когда видишь ее в первый раз, то она может показаться сложной.
Во-вторых, сложности могут возникнуть при установке CMS на хостинг (если вы будете ставить систему вручную) — нужно уметь создавать базы данных и работать с панелями управления хостингом Cpanel, ISP, PhpMyAdmin.
Иногда хостер предустанавливает систему управления сам — нужно только выбрать эту опцию при заказе хостинга.
В-третьих, сложности могут возникнуть если вы используете бесплатный шаблон и хотите что-то в нем поменять. Тогда придется поучить языки разметки HTML, CSS, а возможно еще и программирования — PHP и JS.
Но для простого использования после 1-2 часа работы с системой и небольшого обучения работать с ней сможет любой, абсолютно.
Поэтому если Вы хотите сделать сайт бесплатно, то я советую изучить WordPress и начать делать сайт на нем, а если Вы боитесь или не хотите пробовать самостоятельно, то я могу провести Вас по всем этапам создания сайта от идеи до готового сайта-визитки. Подробнее о моем предложении — здесь.
Также можем обсудить частичную помощь по сайту, чем больше работы Вы готовы сделать самостоятельно — тем дешевле будет цена за разработку.
У кого-то может возникнуть вопрос, а как же хостинг и домен, за них же нужно платить ? Не всегда.
Некоторые компании предоставляют качественный бесплатный хостинг для интересных проектов, их не сложно найти через поисковик. Единственное, что нужно — иметь номер телефона (по нему они отсеивают тех, кто пытается делать много некачественных сайтов).
С доменом конечно не так все просто, но найти домен бесплатно так же возможно.
Да тут тоже есть свои нюансы и иногда, чтобы научится и разобраться нужно сломать не одни грабли :-0
Хотите чтобы я сломал все грабли за Вас? Записывайтесь на обучение.
5 лучших создателей веб-сайтов без кода
Сейчас все онлайн. Будь то ваш собственный бизнес, интернет-магазин или личное портфолио, существует множество причин, по которым вы можете захотеть создать свой собственный веб-сайт.
Но программирование может быть сложным и занимать много времени.
К счастью, существует множество онлайн-сервисов, которые упрощают создание веб-сайтов. Вот некоторые из лучших.
Squarespace — это надежный и мощный сервис для создания и размещения веб-сайтов. Независимо от ваших потребностей, вы, скорее всего, найдете именно то, что ищете, в Squarespace.
Squarespace использует мощный онлайн-конструктор веб-сайтов с настраиваемыми шаблонами и макетами. Поддерживается любой тип контента, о котором вы только можете подумать, например изображения, текст или аудио. Squarespace даже включает в себя широкий спектр настраиваемых цветовых палитр, различные шрифты и бесплатные высококачественные изображения благодаря интеграции с Unsplash.
Если вы хотите окунуться в нечто более сложное, Squarespace также позволяет вам использовать пользовательский CSS для редактирования внешнего вида вашего веб-сайта. Markdown — это еще один вариант для тех из вас, кто хочет иметь более полный контроль над своей работой.
Связано: 10 простых примеров кода CSS, которые вы можете изучить за 10 минут
Squarespace доступен по разным ценам в зависимости от того, сколько вы готовы заплатить и к каким функциям вы хотите получить доступ.
Например, настраиваемые CSS и JavaScript становятся доступными только по несколько более высокой цене, хотя все планы включают личный домен и неограниченную пропускную способность и хранилище.
Следующим в списке идет Дуда. Duda — это еще одна онлайн-служба создания и хостинга веб-сайтов с упором на простоту использования для предприятий всех видов.
Редактировать свой сайт с помощью Duda очень просто. Благодаря редактору Duda с функцией перетаскивания даже те из вас, у кого нет опыта, быстро освоятся. Вы даже можете настроить каждый элемент для каждого устройства отдельно, что дает вам полный контроль над тем, как будет выглядеть ваш веб-сайт, независимо от того, кто его просматривает.
Duda также имеет так называемые секции DudaFlex. Эти адаптивные, простые в использовании разделы облегчают работу с некоторыми более сложными проектами CSS, хотя не беспокойтесь, если вы хотите настроить все до мельчайших деталей самостоятельно. Duda также поддерживает элементы управления HTML и CSS для тех из вас, кто в них нуждается.
Для Duda доступно несколько различных планов, хотя все планы включают как минимум один веб-сайт и ваш веб-сайт, размещенный на Amazon Web Services. Однако, если вы ищете управление клиентами или более продвинутые инструменты, такие как конструктор виджетов Duda, вам подойдет один из более дорогих планов.
Если вы владелец малого бизнеса или просто хотите украсить свою платформу для онлайн-покупок, рассмотрите возможность Shopify. Как следует из названия, этот конструктор веб-сайтов и услуга хостинга призваны упростить торговые сайты для всех, кто в них нуждается.
Shopify прост и удобен в использовании. Их конструктор веб-сайтов полностью основан на Интернете и включает более 70 различных тем от самых разных дизайнеров.
Шаблоны также позволяют вам выбрать, как вы хотите оформить свой интернет-магазин, и оснащены интуитивно понятными элементами управления, упрощающими настройку. Если у вас уже есть доменное имя, перейти на Shopify легко, так как вы сможете сохранить его.
Связано: Лучшие конструкторы веб-сайтов для создания чистого онлайн-портфолио
Самая большая сила Shopify заключается в том, что он обрабатывает все, что связано с покупками для вас. Такие вещи, как тарифы на доставку, платежи по кредитным картам, восстановление заброшенных касс и автоматические налоги — это лишь некоторые из функций, которые Shopify предлагает вашему интернет-магазину.
Профили клиентов, учетные записи и возвраты также обрабатываются. Shopify позаботится обо всем, что вам может понадобиться для запуска интернет-магазина. Shopify поставляется по разным ценам в зависимости от ваших потребностей. Для более сложных потребностей и международных продаж вам, вероятно, понадобятся более дорогие планы, но большинство функций доступны по всем направлениям.
Если вы не уверены, что ищете, GoDaddy — отличная отправная точка. GoDaddy позволяет вам начать работу с их конструктором веб-сайтов совершенно бесплатно с возможностью перехода на платный план, если вам нужны некоторые из его более продвинутых функций.
Как и многие другие варианты в этом списке, GoDaddy предлагает широкий выбор дизайнерских шаблонов, каждый из которых поставляется с различными фильтрами тем, которые изменяют цвета, макеты и шрифты в каждом шаблоне.
Варианты электронной коммерции и социальных сетей также доступны в конструкторе веб-сайтов, все из которых GoDaddy разместит для вас. Интерфейс легко переупорядочивать и изменять с помощью функций щелчка и перетаскивания, а благодаря широкому спектру дополнительных возможностей, таких как раскрывающиеся меню, контактные формы и рекламные баннеры, легко получить веб-сайт именно таким, каким вы хотите его видеть.
Наконец-то Weebly попадает в этот список. Weebly также позволяет вам начать работу бесплатно, а с широким спектром функций нет причин не делать этого.
Weebly имеет конструктор перетаскивания, так что вы можете без труда создать свой веб-сайт со всем, что вы ожидаете от конструктора веб-сайтов. Weebly также включает расширенные анимационные эффекты, такие как параллакс, для тех из вас, кто этого хочет, и динамические видеофоны, чтобы сделать ваш веб-сайт по-настоящему выделяющимся.
Связано: 5 бесплатных создателей веб-сайтов для создания личного онлайн-портфолио без программирования
Если вы более практичны, Weebly позволяет вам использовать собственные HTML, CSS и JavaScript по своему усмотрению. Другие функции, такие как интегрированная аналитика, электронный маркетинг и инструменты SEO, также включены. Если вы ищете платформу для электронной коммерции, Weebly также ее поддерживает.
Все эти функции доступны в бесплатном плане Weebly, хотя дополнительные функции, такие как бесплатный домен, расширенная статистика сайта и удаление рекламы, становятся доступными по более высокой цене.
Создать без программирования
Вам не нужно ничего знать о программировании, чтобы создать сайт. Существует огромное количество вариантов, и один из них обязательно будет соответствовать вашим потребностям.
Независимо от того, ищете ли вы хостинг для домена или онлайн-платформу для электронной коммерции, у вас есть почти безграничные возможности, если вы будете держать свой разум открытым.
Надеюсь, вам подходит один из создателей веб-сайтов в этом списке, но если нет, не расстраивайтесь. Идеальный сервис существует для вас.
Создайте академический веб-сайт бесплатно менее чем за час
Если вы ученый, вам нужен личный веб-сайт для обмена вашими публикациями, исследовательскими проектами и контактной информацией. Без личного веб-сайта вы оставляете цитаты, сотрудничество и приглашения на обсуждение на столе. Это руководство расскажет вам, как бесплатно создать собственный академический веб-сайт без использования технических средств.
Это третье ежегодное издание моего учебника по ниткам. Одно большое изменение в этом году заключается в том, что теперь я использую Visual Studio Code вместо Rstudio. Когда я пытался создать этот обновленный учебник с помощью Rstudio, я постоянно сталкивался с проблемами, поэтому я переключился. Не поймите меня неправильно, Rstudio отлично подходит для статистических вычислений, но Visual Studio Code гораздо лучше подходит для веб-разработки.
Второе большое изменение, о котором я больше всего просил из прошлогоднего руководства, — это интеграция с Github. Размещая свои файлы на Github, вы можете контролировать версии своих изменений и значительно упростить обновление своего веб-сайта. Если у вас еще нет учетной записи Github, создайте ее бесплатно. Вам также понадобится бесплатная учетная запись Netlify, на которой будет размещен ваш веб-сайт.
Начнем!
Перейдите на веб-сайт Wowchemy, затем нажмите «Начать», а затем «Создайте свое резюме или академический сайт сейчас с помощью Github», а затем «Подключиться к Github». Возможно, вам потребуется предоставить Netlify доступ к Github.
Затем Netlify развернет ваш веб-сайт и разместит его в сети, что займет около минуты. Нажмите на ссылку, чтобы загрузить свой сайт. С помощью этого шаблона вы можете удалять и добавлять контент по своему вкусу.
Вы также можете изменить название своего веб-сайта. Также можно использовать собственное доменное имя, если хотите.
Внутри Github ваш веб-сайт будет размещен в «репозитории», который является просто другим названием папки и также известен как «репозиторий», для краткости. Перейдите на страницу репозитория, так как вам скоро понадобится URL-адрес этой страницы.
Теперь откройте Visual Studio Code. Если вы раньше использовали RStudio, вам должно быть достаточно комфортно с настройкой. Но если вы этого не сделали, это довольно интуитивно.
Первое, что вам нужно сделать, это загрузить и установить два расширения. Нажмите на меню «Расширения», найдите «Github Pull Requests and Issues», а затем установите это. Это позволит вам взаимодействовать с Github, где размещены ваши файлы.
Вас могут попросить предоставить Visual Studio Code доступ к вашим репозиториям Github, сделайте это.
Затем установите расширение «Browser Preview». Это обеспечит предварительный просмотр вашего веб-сайта в режиме реального времени по мере его редактирования.
Теперь мы собираемся клонировать наш репозиторий в Visual Studio Code.
Нажмите на вкладку «Управление исходным кодом», затем «Клонировать репозиторий», а затем вставьте URL-адрес вашего репозитория Github. Вам также нужно будет назначить папку в вашей системе для ваших локальных файлов.
Теперь ваши файлы находятся в Visual Studio Code. Большинство файлов, с которыми вам предстоит работать, находятся в папках «config» и «content».
Перед созданием сайта в Visual Studio Code вам необходимо установить «Hugo Extended» и необходимые для него компоненты, следуя приведенным здесь инструкциям (в зависимости от вашей операционной системы).
Теперь откройте новое окно терминала в Visual Studio Code, щелкнув «Меню терминала», а затем «Новый терминал». Введите следующую команду в окне Терминала: Hugo Server
При первом запуске вам может быть предложено установить Go. Вы загружаете этот язык программирования отсюда.
Теперь откройте ранее установленное расширение Browser Preview, щелкнув его кнопку слева. Затем вставьте адрес локального хоста, указанный в терминале, в окно предварительного просмотра браузера.
Это загрузит вашу страницу.
Первое, что вам нужно сделать, это изменить имя и изображение. Перейдите к «content/authors/admin», а затем откройте файл «_index.md». Здесь вы можете изменить свое отображаемое имя, роль, принадлежность, краткую биографию и исследовательские интересы.
Когда вы измените какие-либо детали и сохраните файл, предварительный просмотр автоматически обновится.
Чтобы изменить изображение профиля, просто замените файл «avatar.jpg» в папке «content/authors/admin» выбранным изображением профиля, используя то же имя файла. Как только вы это сделаете, предварительный просмотр вашего сайта автоматически обновится.
Главная страница состоит из ряда «виджетов», которые находятся в «домашней» папке и могут быть отредактированы или полностью удалены. Чтобы удалить любой виджет, откройте файл и измените команду «active» на «false». Во-первых, вы собираетесь удалить демонстрационный виджет (т. е. зеленый раздел в верхней части предварительного просмотра).
Вы можете сделать это с любым виджетом. Вы также можете настроить свои виджеты в этих файлах.
Для целей этого руководства давайте также удалим виджеты «навыки», «опыт», «достижения», «сообщения», «проекты» и «разговоры». Если вы хотите оставить что-либо для своего сайта, это зависит от вас.
Одним из наиболее важных элементов вашего веб-сайта является список публикаций. Существует СУПЕР простой способ импортировать все ваши публикации через файл bibtex (.bib). Просто экспортируйте список своих публикаций из вашего менеджера цитирования (я рекомендую Zotero) в виде файла .bib, а затем поместите этот файл в основную папку вашего сайта.
Как описано здесь, загрузите «академический» инструмент администрирования и установите Python 3.
Предполагая, что вы установили Python 3, откройте окно терминала в Visual Studio Code и введите следующую команду: pip3 install - U академический
Вы должны уже находиться в папке вашего веб-сайта в Терминале, проверьте с помощью этой команды: ls
Терминал должен вернуть что-то вроде этого:
Если нет, то вам нужно будет перейти в папку вашего веб-сайта, используя 9Команда 0092 cd (см.
здесь учебник, если вы не знакомы с этими командами).
Теперь используйте следующую команду, указав путь к вашему файлу .bib, который создаст отдельные страницы для каждой из ваших публикаций.
академический импорт --bibtex
Здесь я назвал файл «pubs.bib». Если вы используете Mac, вы можете перетащить файл в терминал, и он автоматически вставит путь к файлу.
Вы можете открыть каждый файл, при необходимости изменить его и проверить, как он выглядит на вашей веб-странице.
Теперь, когда вы добавили свои публикации и отредактировали свою биографию, вы готовы обновить свой веб-сайт. Нажмите кнопку «Управление исходным кодом», у которой должен быть номер, отражающий количество внесенных вами изменений. Добавьте небольшое сообщение (например, «версия 1») и зафиксируйте «мастер», как указано в текстовом поле. Затем отправьте изменения на свою страницу Github.
Эти изменения теперь отражаются на опубликованной странице, которую вы можете проверить здесь: https://pia-platypus.