
Как сделать простой веб-сайт за один час, часть 2
заглянуть
Как сделать простой веб-сайт за один час с помощью Github
От переводчика: инструкция максимально простая, зато на неё можно ссылаться, если новички задают вопрос, как запустить свой сайт в интернете.
Один из моих друзей пару месяцев твердил, что сделает сайт на весенних каникулах. Сейчас каникулы заканчиваются, а он так и не начал. Завтра его день рождения, и я решил как
В реальности, достаточно всего одного часа, чтобы сделать веб-сайт. Я это знаю, потому что засёк время, когда сам выполнял нижеследующие действия, и весь процесс занял чуть меньше часа (я даже зарегистрировал новый домен и создал новый аккаунт на Github для чистоты эксперимента). Код этого сайта тоже можно посмотреть на Github.
1. Идёте на namecheap.com и регистрируете домен. Этот шаг только в том случае, если нужно собственное доменное имя.
2. Создаёте аккаунт Github и скачиваете Git, если это ещё не сделано.
3. Создаёте директорию для размещения веб-сайта и перемещатесь туда командой
cd
: это команды mkdir my-site && cd my-site
. Все будущие команды предполагают, что вы внутри рабочей директории.4. Делаем новый репозиторий Github для сайта под названием yourusername.github.io. Например, я зарегистрирован под именем smilli, так что мой репозиторий называется smilli.github.io.
5. В рабочей директории запускаем
git init
и git remote add origin github.com/username/username.github.io.git
, где вместо ‘username’ указываем свой имя пользователя.6. Создаём файл ‘index.html’ в папке с сайтом с HTML-кодом главной страницы. Здесь необязательно тратить много времени, он может быть весьма лаконичным.
<html>
<head>
<title>YOUR SITE TITLE</title>
<-- Add some style to your site, see http://getbootstrap.com for details -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
<h1>YOUR SITE TITLE</h1>
<p>Your text blahblahbhalbha</p>
<p>Another paragraph! Maybe more text!</p>
</body>
</html>
7. Пишем в коде главной страницы любой текст. Изменения отображаются локально командой
python -m SimpleHTTPServer 8000
и набором адреса localhost:8000 в браузере.8. Теперь запускаем следующие команды:
git add .
git commit -m "Initial commit"
git push -u origin master
9. Идём на yourusername.github.io. Здесь вы должны увидеть свой сайт! Поздравляю, вы что-то опубликовали в онлайне.
10. Если хотите собственное доменное имя, создаёте файл ‘CNAME’ (всё прописными буквами). Туда добавляете одну строчку ‘'yourdomainname.com' (без http или www). См. подробности конфигурации CNAME здесь.
11. Как и раньше, отправляем все изменения на Github.
git add .
git commit -m "Add CNAME"
git push
12. Теперь авторизуетесь на namecheap.com и щёлкаете по доменному имени, которое нужно, в списке своих доменов. Список будет примерно таким:

После выбора домена, появится ссылка «All Host Records» в левой панели во вкладке «Host Management». Нажмите на неё. Теперь вы увидите настройки по умолчанию, которые Namecheap указал для вашего сайта.

Измените настройки следующим образом (заменив ‘username’ на своё имя пользователя, конечно).

13. После вступления в действие изменений в DNS вы сможете увидеть свой сайт на своём домене! Поздравляю. :)
кратко сайт на Github
https://help.github.com/en/articles/about-supported-custom-domains
https://htmlacademy.ru/blog/99-github-as-hosting
https://ru.hexlet.io/courses/html/lessons/github/theory_unit
- Зарегистрируйтесь на https://github.com/, если еще не сделали этого.
- Создайте новый репозиторий с именем
username.github.io
, гдеusername
— ваш ник на Github. - Создайте новый файл. Когда репозиторий не пуст, то в верхнем правом углу есть кнопка Create New File, но сейчас, когда еще нет ни одного файла, создать первый можно по прямой ссылке https://github.com/username/username.github.io/new/master, где
username
— ваш ник. - Введите имя index.html и скопируйте туда содержание файла index.html, который у вас получился в предыдущем уроке.
- Нажмите кнопку "Commit new file".
- Повторите то же самое для файла style.css.
- Через несколько мгновений страница станет доступна по вашему адресу https://username.github.io
сайт на Node.js
Как запустить простой статический сайт за пять ≈пятиминутных шагов при помощи Node.js и Express
Шаг 1. Установить движок Node.js в соответствии с инструкциями, имеющимися в вики для каждой из поддерживаемых операционных систем. (Для Windows достаточно скачать и запустить MSI-файл, для CentOS — воспользоваться системным менеджером пакетов, и так далее.)
Шаг 2. Создать пустой каталог и поместить в нём файл «site.js» следующего содержания:
Настройки staticSiteOptions можно переменить по собственному вкусу.
Шаг 3. В том же каталоге подать команду «npm install express», которая автоматически создаст подкаталог «node_modules» и установит туда Express, скачав из Интернета.
Шаг 4. В том же каталоге создать подкаталог «static» и поместить в нём файлы статического сайта. Этот подкаталог станет корнем сайта. Файлы с именами «index.html» будут использоваться как файлы-индексы. Иными словами, при ответе сервера на запрос с адресом, содержащим только имя некоторого каталога (будь то корень сайта или один из его подкаталогов), будет показан файл с именем «index.html» из указанного каталога (если есть).
Шаг 5. В том же каталоге подать команду «node site», которая запустит сервер. Убедившись в её работоспособности, обеспечить автозапуск этой команды в этом каталоге после каждой перезагрузки операционной системы. (Например, на CentOS 6.2 можно использовать upstart для этой цели.)
https://github.com/vercel/next.js
https://github.com/visnup/npm-www
https://github.com/ceejbot/npm-www
https://github.com/ErikHumphrey/Next
работа с nodejs
Установка Node.js с помощью NVM
Шпаргалка по пакетному менеджеру NPM
Автозапуск приложения Node.js на CentOS 6.2
конструкторы статических сайтов
https://gohugo.io/
https://github.com/gohugoio/hugo
https://jekyllrb.com/
https://github.com/jekyll/jekyll
https://github.com/jekyll/jekyll-sitemap
https://github.com/planetjekyll/awesome-jekyll-plugins
https://guides.hexlet.io/jekyll/
Создаем блог используя Jekyll и GitHub Pages
https://glitch.com/
https://neocities.org/ (замена narod.ru)
https://github.com/neocities
https://app.netlify.com/drop
https://pages.github.com/
https://john-doe.neocities.org/ (веб-сайт представляет собой один HTML - файл)
https://j3s.sh/thought/my-website-is-one-binary.html
однофайловый распространяемый веб-сервер
https://github.com/lipanski/docker-static-website
https://docs.parseplatform.org/parse-server/guide/
разные CMS
https://www.host-food.ru/faq/installation/
https://www.drupal.org/download
https://www.drupal.org/project/drupal
https://ru.wordpress.org/download/
https://downloads.joomla.org/
https://modx.com/download
https://get.typo3.org/
https://www.php-fusion.co.uk/home.php
https://www.django-cms.org/en/
https://plone.org/
https://www.opencart.com/index.php?route=cms/download
https://magento.com/tech-resources/download
https://www.prestashop.com/en/download
https://www.bitrix24.ru/
https://contao.org/en/
https://strapi.io/
https://apostrophecms.com/
https://github.com/getgrav/grav
установка
установка LEMP
Веб-сервер на основе Nginx и PHP-FPM
Оптимальная настройка Nginx
Виртуальные хосты в Apache и Nginx
Установка стека LEMP в Ubuntu 18.04
https://www.digitalocean.com/community/tutorials/how-to-install-linux-nginx-mysql-php-lemp-stack-ubuntu-18-04
Настройка сервера Linux Nginx, PHP 7, MySQL (LEMP) с поддержкой сертификата Let’s Encrypt в Ubuntu Linux 18.04 Bionic
https://www.digitalocean.com/community/tutorials/nginx-ubuntu-18-04-ru
Руководство по настройке блога WordPress на nginx.
Drupal
https://help.ubuntu.ru/wiki/drupal
Перед началом использования создайте для Drupal базу данных с помощью клиента mysql:
mysql -u root -p -e "CREATE DATABASE databasename CHARACTER SET utf8 COLLATE utf8_general_ci;"
Также желательно завести отдельного пользователя MySQL, который будет иметь доступ только к созданной базе:
mysql -u root -p
вводим там запросы:
MySQL: Полный список часто используемых и полезных команд
посмотреть всех пользователей
SELECT User, Host FROM mysql.user;
SELECT User, Host, Password, password_expired FROM mysql.user;
увидеть разрешения для пользователя
SHOW GRANTS FOR 'test'@'localhost'
отзыв всех разрешений
REVOKE ALL PRIVILEGES, GRANT OPTION FROM 'test'@'localhost'
удалить пользователя test
drop user 'test'@'localhost'
SHOW DATABASES;
удалить базу
DROP DATABASE имя_базы_даных;
«Could not load MODX config file»
/setup/index.php
http://создаю-сайты.рф/как-войти-на-сайт-в-качестве-администр/
https://2ip.ru/cms/
chrome Wappalyzer
разные фреймворки
JavaScript подборка
Установка Node.js с помощью NVM
Шпаргалка по пакетному менеджеру NPM
---------------------------------------------------------------------------------------
Python подборка
Django подборка
если покопаться, то можно сделать бесплатный сайт на django
Установка Django CMS в Ubuntu 16.04 64bit
Ленивый деплой Django проекта UWSGI + NGINX (UBUNTU 20.04)
How To Set Up Django with Postgres, Nginx, and Gunicorn on Ubuntu 20.04
Запуск Django сайта на nginx + Gunicorn + SSL
Настройка Debian, Nginx и Gunicorn для Django проекта
установка Django в virtualenv с помощью pip через proxy с pyenv
Pelican: установка и базовая настройка сайта
Pelican. Расширенные настройки блога.
---------------------------------------------------------------------------------------
PHP подборка
https://www.yiiframework.com/
https://www.yiiframework.com/doc/guide/2.0/ru
https://github.com/yiisoft/yii2/tree/master/docs/guide-ru
centos docker yii
https://symfony.com/
https://laravel.com/
https://phalcon.io/ru-ru
https://nette.org/en/
---------------------------------------------------------------------------------------
https://rubyonrails.org/
http://rusrails.ru/
https://ru.wikibooks.org/wiki/Ruby_on_Rails
---------------------------------------------------------------------------------------
https://www.phoenixframework.org/
Начни изучать Elixir прямо сейчас! Перевод всей серии статей готов
Разработка приложений на Elixir/Phoenix с помощью Docker
---------------------------------------------------------------------------------------
http://zotonic.com/
---------------------------------------------------------------------------------------
Golang подборка
Revel — высокопроизводительный веб-фреймворк на языке Go
Разработка Web-приложений и микросервисов на Go с Gin
https://github.com/gin-gonic/gin
https://gobuffalo.io/
https://beego.me/
Как развернуть веб-приложение Go с помощью Docker и Nginx в Ubuntu 18.04
---------------------------------------------------------------------------------------
Java подборка
https://spring.io/
http://javastudy.ru/frameworks/spring/
https://javaee.github.io/javaserverfaces-spec/
http://javastudy.ru/frameworks/jsf-2-0/
https://vaadin.com/
http://www.gwtproject.org/
https://grails.org/
---------------------------------------------------------------------------------------
подборка С/C++
https://www.gnu.org/software/cgicc/index.html
https://github.com/drogonframework/drogon
https://www.webtoolkit.eu/wt
https://cutelyst.org/
Создание сайта с помощью C++
Сайт на C++ своими руками с помощью библиотеки cgicc
Простой backend на C++: это возможно?
Полноценный веб-сайт на C++ и немного диванной аналитики
всячина
Создаём личный «Архив интернета»
https://archiveweb.page/
------------------------------------------------------------------------
https://www.adminer.org/
https://phpdocker.io/generator
https://nginxconfig.io
https://github.com/digitalocean/nginxconfig.io
https://ngrok.com/download
------------------------------------------------------------------------
https://www.selenium.dev/
https://www.cypress.io/
https://playwright.dev/
https://nightwatchjs.org/
https://www.npmjs.com/package/puppeteer
JavaScript, Node, Puppeteer: автоматизация Chrome и веб-скрапинг
------------------------------------------------------------------------
Возрождение простых сайтов. Статика, 0kB JS, ничего лишнего
------------------------------------------------------------------------
Не ходи в Fediverse, там тебя ждут неприятности. — Ну как же туда не ходить? Они же ждут
https://fediverse.party/
https://the-federation.info/
https://joinmastodon.org/
https://github.com/mastodon/mastodon
https://hubzilla.org/
https://framagit.org/hubzilla/core
https://www.gnusocial.rocks/
https://notabug.org/diogo/gnu-social
------------------------------------------------------------------------
Как взламывают сайты
Как взламывают сайты (часть 2)
------------------------------------------------------------------------
ссылки
https://github.com/ripienaar/free-for-dev
Как сделать простой веб-сайт за один час
Как запустить простой статический сайт за пять ≈пятиминутных шагов при помощи Node.js и Express
Создаем свой персональный сайт на Github
GitHub как хостинг для сайтов
http://webquant.ru/posts/pelican/
Самостоятельная настройка VDS / VPS
Как начать участвовать в Open Source
Работа с GitHub
http://git-scm.com/book/ru/v1
http://hosting101.ru/more-providers.html
http://hldns.ru/
https://github.com/wavedocs/freedns/
Список бесплатных DNS-сервисов
Расшариваем веб-сайт на localhost в глобальную сеть интернет.
5 способов создать мгновенный легкий веб-сервер с помощью командной строки Linux
uzverss Бесплатный django хостинг
установка dokuwiki centos php nginx