29.03.2015 14:18
alizar 13 6528 Источник
От переводчика: инструкция максимально простая, зато на неё можно ссылаться, если новички задают вопрос, как запустить свой сайт в интернете.

Один из моих друзей пару месяцев твердил, что сделает сайт на весенних каникулах. Сейчас каникулы заканчиваются, а он так и не начал. Завтра его день рождения, и я решил как мудак хороший друг сделать ему подарок: написать пошаговую и максимально простую инструкцию.

В реальности, достаточно всего одного часа, чтобы сделать веб-сайт. Я это знаю, потому что засёк время, когда сам выполнял нижеследующие действия, и весь процесс занял чуть меньше часа (я даже зарегистрировал новый домен и создал новый аккаунт на 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 https://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 вы сможете увидеть свой сайт на своём домене! Поздравляю. :)

Комментарии (13)


  1. DobroFenix
    29.03.2015 17:20
    #8309700
    +24

    О боже


    1. Assorium
      31.03.2015 15:33
      #8312010
      +1

      Еще немного и Ализар начнет публиковать котиков.


  1. andrewsch
    29.03.2015 22:12
    #8309840
    +4

    А-а-а!!! Вы открыли мне глаза!!! Спасибо Вам!!!


  1. TheVS
    30.03.2015 01:18
    #8309908
    +1

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


  1. Palehin
    30.03.2015 05:35
    #8309958

    Фантастика!


  1. cjmaxik
    30.03.2015 08:11
    #8309984
    +4

    А потом происходит что-то подобное:
    image


  1. teamfighter
    30.03.2015 11:14
    #8310132
    +5

    Facepalm.
    Ализар превзошел сам себя.


    1. grossws
      31.03.2015 00:26
      #8310980
      +1

      Ализар превзошел сам себя.
      Указал, что это перевод?


  1. ange007
    30.03.2015 11:26
    #8310136
    +2

    Охренеть Офигеть.
    Тот кто знает как использовать GIT и команды консоли — не знает как «сделать простой веб-сайт»?


  1. dobriykot
    30.03.2015 12:04
    #8310170
    +1

    Ужасный гайд, проще пойти на neocities.org/ и управиться гораздо быстрее, бесплатно и без геморроя.


  1. mr_avi
    30.03.2015 13:02
    #8310208
    +1

    А как же всемилюбимый mysql_connect(...) or die(...);?


  1. Mithgol
    30.03.2015 15:49
    #8310392
    +1

    В качестве отклика на эту инструкцию я решил опубликовать собственную, состоящую из пяти простых и обозримых ?пятиминутных шагов, и опубликовал.


  1. dimarikpro
    30.03.2015 18:02
    #8310542
    +1

    А нет такого же простого гайда по деплою рельсового приложения, а то это просто *опа какая-то: то энджинекс нет прав доступа, то еще какая-нибудь хрень.