როგორ შევქმნათ ვებ გვერდი GitHub გვერდებზე: 12 ნაბიჯი (სურათებით)

Სარჩევი:

როგორ შევქმნათ ვებ გვერდი GitHub გვერდებზე: 12 ნაბიჯი (სურათებით)
როგორ შევქმნათ ვებ გვერდი GitHub გვერდებზე: 12 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ ვებ გვერდი GitHub გვერდებზე: 12 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ ვებ გვერდი GitHub გვერდებზე: 12 ნაბიჯი (სურათებით)
ვიდეო: 3+3 ქართული ფილმი 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: კოდის რედაქტორის გამოყენება

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 3
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 3

ნაბიჯი 1. ჩამოტვირთეთ GitHub დესკტოპი, თუ ის უკვე არ გაქვთ დაინსტალირებული

GitHub დესკტოპის დაყენება ისეთივე მარტივია, როგორც https://desktop.github.com/ და დიდი მეწამული "გადმოტვირთვის" ღილაკზე დაჭერით. შემდეგ გაუშვით ინსტალერი. ეს საჭიროა იმისათვის, რომ ცვლილებები შეიტანოთ თქვენს საცავში.

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 4
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 4

ნაბიჯი 2. დააინსტალირეთ კოდის რედაქტორი

თქვენ გჭირდებათ ერთი, რათა მიიღოთ სინტაქსის ხაზგასმა GitHub– ზე. პოპულარული არჩევანი მოიცავს Atom, Visual Studio Code, Sublime Text და Notepad ++, მათი მახასიათებლებით მდიდარი და მინიმალისტური განცდის გათვალისწინებით. კოდის რედაქტორის დაყენების შემდეგ, თქვენ მზად ხართ დასაწყებად.

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 5
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 5

ნაბიჯი 3. შექმენით ფაილი სახელწოდებით "index.html"

ამის გაკეთება შეგიძლიათ თქვენი კოდის რედაქტორში ან ინტერნეტით. თქვენ ასევე შეგიძლიათ გადახვიდეთ თქვენი საცავის ადგილას თქვენს მყარ დისკზე და შექმნათ "index.html" ფაილი საცავის საქაღალდეში თქვენს დისკზე.

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 6
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 6

ნაბიჯი 4. დაამატეთ თქვენი HTML

თქვენ უნდა ისწავლოთ HTML, რათა შეძლოთ ძირითადი ვებ – გვერდის კოდირება. ასევე სასარგებლო იქნება თქვენთვის CSS და JavaScript სწავლა, ასე რომ თქვენ შეგიძლიათ დაამატოთ სტილი და ფუნქციონირება თქვენს ვებგვერდზე.

გახსოვდეთ ფაილის შენახვა

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 7
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 7

ნაბიჯი 5. განახორციელეთ ცვლილებები

დაუბრუნდით GitHub დესკტოპს და დააწკაპუნეთ ლურჯ Commit to master ღილაკზე. შემდეგ დააჭირეთ ღილაკს Push Origin. ეს ატვირთავს ცვლილებებს GitHub– ში.

თუ თქვენ აპირებთ მეტი ცვლილებების შეტანას, თქვენც მოგინდებათ წარმოშობა. დააწკაპუნეთ წარმოშობის ღილაკზე GitHub დესკტოპზე, რომ ჩამოტვირთოთ უახლესი ვალდებულება თქვენს აპარატზე

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 8
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 8

ნაბიჯი 6. ნახეთ თქვენი ვებ გვერდი

გადადით "[თქვენი GitHub მომხმარებლის სახელი აქ].github.io" ბრაუზერში. შეიძლება დაგჭირდეთ თქვენი ბრაუზერის ქეშის გვერდის ავლით Ctrl ან ⌘ Command დაჭერით, როდესაც დააწკაპუნებთ განახლების ღილაკზე, რათა ნახოთ ახალი ვებ გვერდი.

მეთოდი 2 დან 2: GitHub Online- ის გამოყენება

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 9
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 9

ნაბიჯი 1. შექმენით ფაილი სახელწოდებით "index.html"

დააწკაპუნეთ ფაილის დამატებაზე, შემდეგ დააწკაპუნეთ ახალი ფაილის შექმნაზე. ეს გახსნის ფაილის რედაქტორს. დაამატეთ "index.html" ველს "დაასახელეთ თქვენი ფაილი".

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 10
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 10

ნაბიჯი 2. დაამატეთ თქვენი HTML

თქვენ უნდა ისწავლოთ HTML, რათა შეძლოთ ძირითადი ვებ – გვერდის კოდირება. ასევე სასარგებლო იქნება თქვენთვის CSS და JavaScript სწავლა, ასე რომ თქვენ შეგიძლიათ დაამატოთ სტილი და ფუნქციონირება თქვენს ვებგვერდზე.

გახსოვდეთ ფაილის შენახვა

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 11
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 11

ნაბიჯი 3. განახორციელეთ ცვლილებები

დააწკაპუნეთ მწვანე Commit new file ღილაკზე, რომ შეინახოთ ფაილი GitHub– ში.

შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 12
შექმენით ვებ გვერდი GitHub გვერდებზე ნაბიჯი 12

ნაბიჯი 4. ნახეთ თქვენი ვებ გვერდი

გადადით "[თქვენი GitHub მომხმარებლის სახელი აქ].github.io" ბრაუზერში. შეიძლება დაგჭირდეთ თქვენი ბრაუზერის ქეშის გვერდის ავლით Ctrl ან ⌘ Command დაჭერით, როდესაც დააწკაპუნებთ განახლების ღილაკზე, რათა ნახოთ ახალი ვებ გვერდი.

Რჩევები

  • ქვეგვერდების დასამატებლად, უბრალოდ შექმენით ახალი საქაღალდე GitHub– ში და დაამატეთ "index.html" ფაილი ამ საქაღალდეში.
  • თუ დომენის სახელს დაარეგისტრირებთ, შეგიძლიათ GitHub Pages გამოიყენოთ ეს დომენი ნაგულისხმევის ნაცვლად.
  • GitHub გვერდების საცავი უნდა იყოს საჯარო, თუ არ გაქვთ პრემიუმ ანგარიში.

გირჩევთ: