GitHub Pages е чудесен начин да направите свой личен сайт от нулата. Той е напълно безплатен и изисква само GitHub акаунт. Имайте предвид обаче, че GitHub Pages не предлага най-удобния за потребителя дизайн за създаване на уебсайтове (за разлика от Wix или Squarespace), но това е чудесен начин да натрупате опит с HTML/CSS/JS и всички елементи на уебсайт. Това wikiHow ще ви покаже как да започнете.
Стъпки
Стъпка 1. Регистрирайте акаунт в GitHub, ако все още нямате такъв
Преди да можете да създадете свой собствен уебсайт на страниците на GitHub, трябва да създадете акаунт в GitHub. Ако вече имате акаунт в GitHub, не забравяйте да влезете. И двете могат да бъдат достъпни от горната дясна лента с инструменти.
Стъпка 2. Създайте хранилище на GitHub.
Не забравяйте да дадете име на хранилището „[вашето потребителско име за GitHub тук].github.io“. Това ще инициализира вашия уебсайт GitHub.
Метод 1 от 2: Използване на Code Editor
Стъпка 1. Изтеглете работния плот на GitHub, ако все още не сте го инсталирали
Инсталирането на работния плот на GitHub е толкова просто, колкото да отидете на https://desktop.github.com/ и да кликнете върху големия лилав бутон „Изтегляне“. След това стартирайте инсталатора. Това е необходимо, за да се променят промените във вашето хранилище.
Стъпка 2. Инсталирайте редактор на код
Нуждаете се от такъв, за да получите подчертаване на синтаксиса в GitHub. Популярните възможности за избор включват Atom, Visual Studio Code, Sublime Text и Notepad ++, предвид тяхното богато на функции и минималистично усещане. След като инсталирате редактор на код, сте готови да започнете.
Стъпка 3. Създайте файл, наречен "index.html"
Можете да направите това в редактора на кодове или онлайн. Можете също да отидете до местоположението на хранилището на вашия твърд диск и да създадете файл „index.html“в папката на хранилището на вашия диск.
Стъпка 4. Добавете своя HTML
Ще трябва да научите HTML, за да можете да кодирате основна уеб страница. Също така ще ви бъде полезно да научите CSS и JavaScript, за да можете да добавите стил и функционалност към вашата уеб страница.
Не забравяйте да запазите файла
Стъпка 5. Активирайте промените
Върнете се на работния плот на GitHub и кликнете върху синия бутон Commit to master. След това щракнете върху Push Origin. Това ще качи промените в GitHub.
Ако планирате да направите повече промени, ще искате да изтеглите и произхода. Щракнете върху бутона Pull origin в работния плот на GitHub, за да изтеглите най -новия ангажимент към вашата машина
Стъпка 6. Прегледайте вашата уеб страница
Отидете на „[вашето потребителско име за GitHub тук].github.io“в уеб браузър. Може да се наложи да заобиколите кеша на браузъра си, като задържите Ctrl или mand Command, докато щракнете върху бутона за опресняване, за да видите новата уеб страница.
Метод 2 от 2: Използване на GitHub Online
Стъпка 1. Създайте файл, наречен "index.html"
Кликнете върху Добавяне на файл, след това върху Създаване на нов файл. Това ще отвори редактор на файлове. Добавете „index.html“към полето „Име на вашия файл“.
Стъпка 2. Добавете своя HTML
Ще трябва да научите HTML, за да можете да кодирате основна уеб страница. Също така ще ви бъде полезно да научите CSS и JavaScript, за да можете да добавите стил и функционалност към вашата уеб страница.
Не забравяйте да запазите файла
Стъпка 3. Активирайте промените
Щракнете върху зеления бутон Commit new file, за да запишете файла в GitHub.
Стъпка 4. Прегледайте вашата уеб страница
Отидете на „[вашето потребителско име за GitHub тук].github.io“в уеб браузър. Може да се наложи да заобиколите кеша на браузъра си, като задържите Ctrl или mand Command, докато щракнете върху бутона за опресняване, за да видите новата уеб страница.
Съвети
- За да добавите подстраници, просто създайте нова папка в GitHub и добавете файл „index.html“в тази папка.
- Ако регистрирате име на домейн, можете да накарате GitHub Pages да използва това име на домейн вместо по подразбиране.
- Хранилищата на страници на GitHub трябва да бъдат публични, освен ако нямате премиум акаунт.