Как да създадете уебсайт на страници на GitHub: 12 стъпки (със снимки)

Съдържание:

Как да създадете уебсайт на страници на GitHub: 12 стъпки (със снимки)
Как да създадете уебсайт на страници на GitHub: 12 стъпки (със снимки)

Видео: Как да създадете уебсайт на страници на GitHub: 12 стъпки (със снимки)

Видео: Как да създадете уебсайт на страници на GitHub: 12 стъпки (със снимки)
Видео: ФИЛЬМ РАЗРЫВАЕТ ДУШУ! КАК НАЧАТЬ ЖИТЬ ПОСЛЕ 40! ЕСЛИ ВСЕ ПОТЕРЯНО! Никогда не бывает поздно 2024, Може
Anonim

GitHub Pages е чудесен начин да направите свой личен сайт от нулата. Той е напълно безплатен и изисква само GitHub акаунт. Имайте предвид обаче, че GitHub Pages не предлага най-удобния за потребителя дизайн за създаване на уебсайтове (за разлика от Wix или Squarespace), но това е чудесен начин да натрупате опит с HTML/CSS/JS и всички елементи на уебсайт. Това wikiHow ще ви покаже как да започнете.

Стъпки

Създайте уебсайт на страниците на GitHub Стъпка 1
Създайте уебсайт на страниците на GitHub Стъпка 1

Стъпка 1. Регистрирайте акаунт в GitHub, ако все още нямате такъв

Преди да можете да създадете свой собствен уебсайт на страниците на GitHub, трябва да създадете акаунт в GitHub. Ако вече имате акаунт в GitHub, не забравяйте да влезете. И двете могат да бъдат достъпни от горната дясна лента с инструменти.

Създайте уебсайт на страниците на GitHub Стъпка 2
Създайте уебсайт на страниците на GitHub Стъпка 2

Стъпка 2. Създайте хранилище на GitHub.

Не забравяйте да дадете име на хранилището „[вашето потребителско име за GitHub тук].github.io“. Това ще инициализира вашия уебсайт GitHub.

Метод 1 от 2: Използване на Code Editor

Създайте уебсайт на GitHub Pages Стъпка 3
Създайте уебсайт на GitHub Pages Стъпка 3

Стъпка 1. Изтеглете работния плот на GitHub, ако все още не сте го инсталирали

Инсталирането на работния плот на GitHub е толкова просто, колкото да отидете на https://desktop.github.com/ и да кликнете върху големия лилав бутон „Изтегляне“. След това стартирайте инсталатора. Това е необходимо, за да се променят промените във вашето хранилище.

Създайте уебсайт на страниците на GitHub Стъпка 4
Създайте уебсайт на страниците на GitHub Стъпка 4

Стъпка 2. Инсталирайте редактор на код

Нуждаете се от такъв, за да получите подчертаване на синтаксиса в GitHub. Популярните възможности за избор включват Atom, Visual Studio Code, Sublime Text и Notepad ++, предвид тяхното богато на функции и минималистично усещане. След като инсталирате редактор на код, сте готови да започнете.

Създайте уебсайт на GitHub Pages Стъпка 5
Създайте уебсайт на GitHub Pages Стъпка 5

Стъпка 3. Създайте файл, наречен "index.html"

Можете да направите това в редактора на кодове или онлайн. Можете също да отидете до местоположението на хранилището на вашия твърд диск и да създадете файл „index.html“в папката на хранилището на вашия диск.

Създайте уебсайт на GitHub Pages Стъпка 6
Създайте уебсайт на GitHub Pages Стъпка 6

Стъпка 4. Добавете своя HTML

Ще трябва да научите HTML, за да можете да кодирате основна уеб страница. Също така ще ви бъде полезно да научите CSS и JavaScript, за да можете да добавите стил и функционалност към вашата уеб страница.

Не забравяйте да запазите файла

Създайте уебсайт на GitHub Pages Стъпка 7
Създайте уебсайт на GitHub Pages Стъпка 7

Стъпка 5. Активирайте промените

Върнете се на работния плот на GitHub и кликнете върху синия бутон Commit to master. След това щракнете върху Push Origin. Това ще качи промените в GitHub.

Ако планирате да направите повече промени, ще искате да изтеглите и произхода. Щракнете върху бутона Pull origin в работния плот на GitHub, за да изтеглите най -новия ангажимент към вашата машина

Създайте уебсайт на GitHub Pages Стъпка 8
Създайте уебсайт на GitHub Pages Стъпка 8

Стъпка 6. Прегледайте вашата уеб страница

Отидете на „[вашето потребителско име за GitHub тук].github.io“в уеб браузър. Може да се наложи да заобиколите кеша на браузъра си, като задържите Ctrl или mand Command, докато щракнете върху бутона за опресняване, за да видите новата уеб страница.

Метод 2 от 2: Използване на GitHub Online

Създайте уебсайт на GitHub Pages Стъпка 9
Създайте уебсайт на GitHub Pages Стъпка 9

Стъпка 1. Създайте файл, наречен "index.html"

Кликнете върху Добавяне на файл, след това върху Създаване на нов файл. Това ще отвори редактор на файлове. Добавете „index.html“към полето „Име на вашия файл“.

Създайте уебсайт на GitHub Pages Стъпка 10
Създайте уебсайт на GitHub Pages Стъпка 10

Стъпка 2. Добавете своя HTML

Ще трябва да научите HTML, за да можете да кодирате основна уеб страница. Също така ще ви бъде полезно да научите CSS и JavaScript, за да можете да добавите стил и функционалност към вашата уеб страница.

Не забравяйте да запазите файла

Създайте уебсайт на GitHub Pages Стъпка 11
Създайте уебсайт на GitHub Pages Стъпка 11

Стъпка 3. Активирайте промените

Щракнете върху зеления бутон Commit new file, за да запишете файла в GitHub.

Създайте уебсайт на GitHub Pages Стъпка 12
Създайте уебсайт на GitHub Pages Стъпка 12

Стъпка 4. Прегледайте вашата уеб страница

Отидете на „[вашето потребителско име за GitHub тук].github.io“в уеб браузър. Може да се наложи да заобиколите кеша на браузъра си, като задържите Ctrl или mand Command, докато щракнете върху бутона за опресняване, за да видите новата уеб страница.

Съвети

  • За да добавите подстраници, просто създайте нова папка в GitHub и добавете файл „index.html“в тази папка.
  • Ако регистрирате име на домейн, можете да накарате GitHub Pages да използва това име на домейн вместо по подразбиране.
  • Хранилищата на страници на GitHub трябва да бъдат публични, освен ако нямате премиум акаунт.

Препоръчано: