24. Створення гілки

Цілі

  • Навчитися створювати локальну гілку в репозиторію

Пора зробити наш hello world виразнішим. Так як це може зайняти деякий час, краще перемістити ці зміни в окрему гілку, щоб ізолювати їх від змін в гілці master.

01 Створіть гілку

Давайте назвемо нашу нову гілку «style».

Виконайте:

git checkout -b style
git status

Примітка: git checkout -b <им'ягілки> є шорткатом для git branch <им'ягілки> за котрим йде git checkout <им'ягілки>.

Зверніть увагу, що команда git status повідомляє про те, що ви перебуваєте в гілці «style».

02Додайте файл стилів style.css

Виконайте:

touch lib/style.css

Файл: lib/style.css

h1 {
  color: red;
}

Виконайте:

git add lib/style.css
git commit -m "Added css stylesheet"

03Змініть основну сторінку

Оновіть файл hello.html, щоб використовувати стилі style.css.

Файл: lib/hello.html

<!-- Author: Alexander Shvets (alex@githowto.com) -->
<html>
  <head>
    <link type="text/css" rel="stylesheet" media="all" href="style.css" />
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

Виконайте:

git add lib/hello.html
git commit -m "Hello uses style.css"

04Змініть index.html

Оновіть файл index.html, щоб він теж використовував style.css

Файл: index.html

<html>
  <head>
    <link type="text/css" rel="stylesheet" media="all" href="lib/style.css" />
  </head>
  <body>
    <iframe src="lib/hello.html" width="200" height="200" />
  </body>
</html>

Виконайте:

git add index.html
git commit -m "Updated index.html"

05 Далі

Тепер у нас є нова гілка під назвою style з 3-ма новими комітами. Далі ми дізнаємось, як здійснювати навігацію і перемикатися між гілками.