1. Home
  2. Lập Trình
  3. Hướng Dẫn Tạo Website Đơn Giản Bằng GitHub Trong 10 phút
Avatar of Nguyễn Tuấn Nguyễn Tuấn 5 năm trước

Hướng Dẫn Tạo Website Đơn Giản Bằng GitHub Trong 10 phút

Tạo website đơn giản bằng GitHub trong 10 phút cực kỳ dễ dàng dựa trên code HTML. Không luyên thuyên nữa mình bắt tay vào làm thôi.

À các bạn chưa có mẫu website thì vào đây Code Hay để tải nhé. Mình sẽ dùng 1 mẫu tỏ tình để làm mẫu cho các bạn luôn.

Tạo Website Đơn Giản

Bước 1: Đầu tiên các bạn phải tạo 1 tài khoản GitHub cho mình Tại Đây nhé. Sau đó bạn nhập emai, mật khẩu, thông tin cần thiết và nhấn Continue.

tạo tài khoản GitHub
tạo tài khoản GitHub

Bước 2: Tiếp theo tại giao diện chính quản lý của github bạn chọn “Create repository” để tạo 1 project mới.

Tạo Website bằng github
Tạo Website bằng github

Bước 3: Sau đó mình sẽ nhập tên của project, chọn Public và Add a README file rồi nhấn Create repository thế là xong.

tạo project github
tạo project github

Bước 4: Upload code vào project của mình. Các bạn tải GitHub Desktop tại trang chủ https://desktop.github.com nhé. Tải xong các bạn login vào bằng tài khoản mình đã tạo. Và Clone Project về máy mình như ảnh nhé.

Clone Project GitHub
Clone Project GitHub
Tạo Website bằng Github
Tạo Website bằng Github

Bạn chọn project vừa mình tạo ý và chọn thư mục để lưu lại nhé.

Bước 5: Bạn copy code của mình vào thư mục vừa nãy mình clone về ở bước 4. Rồi vào lại GitHub Desktop để mình Commit .

  1. Chọn project hiện tại của mình.
  2. Nhập tên khi commit lên dự án
  3. Commit code
  4. Note : Sau khi Commit xong Fetch origin sẽ chuyển thành Push origin bạn cần nhấn vào để hoàn tất quá trình Commit.
upload-code-len-git
upload-code-len-git

Note : Code mình khi upload bắt buộc phải có file index.html nhé github sẽ coi file đó như là trang chủ của website

Bước 6 : Bật website của mình lên thôi

  1. Chọn Settings
  2. Chọn Pages
  3. Chọn Branch
  4. Chọn nhánh Main
  5. Chọn Save
Làm web
Làm web

Và đã thành công rồi, mình sẽ có link website như này : https://nqt-tech.github.io/mylove/ thật đơn giản phải không.

Cảm ơn các bạn đã ghé thăm. Chúc các bạn thành công!

133 lượt xem