Cách xuất bản trang web HTML GitHub

GitHub là một nơi tuyệt vời để lưu trữ các trang web HTML của bạn. Nó miễn phí và thậm chí bạn có thể sử dụng tên miền của riêng mình

Tài liệu này là bản cập nhật của hướng dẫn đã xuất bản trước đó

Tạo một tài khoản GitHub miễn phí

  • Từ trình duyệt web của bạn, hãy truy cập https. //github. com
  • Đăng ký tài khoản mới (hoặc Đăng nhập nếu bạn đã có tài khoản GitHub. Với mục đích của hướng dẫn này, chúng tôi sẽ coi bạn là người dùng GitHub mới)
  • Khi bạn đã nhập thông tin chi tiết của mình, hãy chọn gói MIỄN PHÍ dành cho cá nhân
  • Trả lời các câu hỏi khác nhau tùy theo tình huống của bạn
  • Như với hầu hết các đăng ký, sau khi thực hiện việc này, bạn sẽ phải xác thực đăng ký của mình bằng cách nhấp vào liên kết nhận được trong hộp thư của mình
  • Khi hoàn tất, bạn có thể đăng nhập vào tài khoản GitHub mới của mình
Cách xuất bản trang web HTML GitHub
Tạo tài khoản Github miễn phí

Tải xuống và cài đặt ứng dụng khách máy tính để bàn GitHub

  • Từ trình duyệt của bạn, hãy truy cập https. //máy tính để bàn. github. com để bạn có thể tải xuống ứng dụng GitHub Desktop
  • Khi ứng dụng được tải xuống, hãy cài đặt nó trên hệ thống của bạn (chúng tôi sẽ không hiển thị bước này trong video) và khởi động nó.  
Cách xuất bản trang web HTML GitHub
Tải xuống và cài đặt ứng dụng khách GitHub Desktop

Tạo kho lưu trữ trang web đầu tiên của bạn với GitHub Desktop Client

  • Từ màn hình bắt đầu, chọn Đăng nhập vào GitHub. com
  • Nhập tên người dùng hoặc địa chỉ email GitHub và mật khẩu của bạn, sau đó nhấp vào nút Đăng nhập
  • Bây giờ bạn được yêu cầu định cấu hình Git, vì vậy hãy nhập tên và email hợp lệ
  • Nhấp vào nút Tiếp tục sau đó nhấp vào Kết thúc
  • Chọn Tạo một kho lưu trữ mới trên ổ cứng của bạn
  • Nhập tên và mô tả kho lưu trữ của bạn
  • Chọn Local Path trên ổ cứng máy tính của bạn
  • Bạn cũng có thể định cấu hình một vài tùy chọn khác theo nhu cầu của mình
Cách xuất bản trang web HTML GitHub
Tạo kho lưu trữ trang web đầu tiên của bạn với GitHub Desktop Client

Tạo dự án trang web của bạn với Pinegrow

  • Bắt đầu Pinegrow và tạo một dự án trang web mới
  • Sau đó lưu dự án vào vị trí kho lưu trữ Git cục bộ của bạn
  • Nếu bạn chuyển sang ứng dụng GitHub Desktop, bạn sẽ thấy các thay đổi đã hiển thị trong kho lưu trữ cục bộ của mình
  • Thêm một vài yếu tố vào thiết kế trang chỉ mục của bạn và Lưu tài liệu
Cách xuất bản trang web HTML GitHub
Tạo dự án trang web của bạn với Pinegrow

Tiến hành cam kết Git đầu tiên của bạn và xuất bản trên GitHub. com

  • Bây giờ là lúc cho cam kết đầu tiên của bạn
  • Nhập bản tóm tắt cho cam kết của bạn và mô tả đầy đủ về các thay đổi. Sau đó bấm vào Cam kết làm chủ
  • Vì kho lưu trữ của bạn hiện chỉ khả dụng trên máy cục bộ của bạn, nên bây giờ bạn phải xuất bản nó lên GitHub. com
  • Xác nhận chi tiết kho lưu trữ, bỏ chọn Giữ mã này ở chế độ riêng tư và nhấp vào Xuất bản kho lưu trữ
  • Bằng cách xem tab Lịch sử, bạn có thể thấy những gì đã được cam kết
  • Từ trình duyệt, làm mới màn hình GitHub của bạn và bây giờ bạn sẽ thấy kho lưu trữ của mình
Cách xuất bản trang web HTML GitHub
Tiến hành cam kết Git đầu tiên của bạn và xuất bản trên Github. com

Thiết lập Trang GitHub và kích hoạt trang web trực tiếp của bạn

  • Chọn nó và chuyển đến tab cài đặt
  • Cuộn đến cài đặt Trang GitHub
  • Chọn nguồn của Trang. Đây, đây là nhánh Master
  • Các thay đổi được lưu tự động và trang được tải lại. Cuộn lại đến cài đặt Trang GitHub
  • GitHub hiện cung cấp cho bạn URL trang web của bạn
  • Nhấp vào URL và bạn sẽ tự động được chuyển hướng đến trang web trực tiếp hiện có sẵn cho mọi người
Cách xuất bản trang web HTML GitHub
Thiết lập Trang GitHub và kích hoạt trang web trực tiếp của bạn

Thực hiện thêm một số thay đổi cho trang web của bạn và xuất bản các thay đổi

  • Từ Pinegrow, thực hiện một số thay đổi đối với dự án của bạn và Lưu nó
  • Tiến hành một cam kết mới với chủ
  • Đẩy cam kết đến điều khiển từ xa gốc
  • Và kiểm tra các sửa đổi của bạn từ trình duyệt. Các thay đổi sẽ xuất hiện trên trang web trực tiếp sau vài phút
Cách xuất bản trang web HTML GitHub
Thực hiện thêm một số thay đổi cho trang web của bạn và xuất bản các thay đổi

giới hạn sử dụng

Trang GitHub Pages phải tuân theo các giới hạn sử dụng sau

  • Kho lưu trữ nguồn của Trang GitHub có giới hạn khuyến nghị là 1GB
  • Các trang web Trang GitHub đã xuất bản không được lớn hơn 1 GB
  • Các trang Hub Pages có giới hạn băng thông mềm là 100 GB mỗi tháng
  • Các trang GitHub Pages có giới hạn mềm là 10 bản dựng mỗi giờ

Đọc thêm về giới hạn sử dụng GitHub

sử dụng bị cấm

Trang GitHub không dành cho hoặc được phép sử dụng làm dịch vụ lưu trữ web miễn phí để điều hành doanh nghiệp trực tuyến, trang web thương mại điện tử của bạn hoặc bất kỳ trang web nào khác chủ yếu nhằm hỗ trợ giao dịch thương mại hoặc cung cấp phần mềm thương mại dưới dạng dịch vụ (SaaS

Đọc thêm về việc sử dụng bị cấm của GitHub

Đi xa hơn

Hoàn toàn có thể thiết lập tên miền của riêng bạn trên Trang GitHub. Dưới đây là một vài hướng dẫn sẽ giúp bạn bắt đầu

Bạn có thể đặt HTML trên GitHub không?

Bất cứ nơi nào HTML được hiển thị trên GitHub (ý chính, tệp README trong kho lưu trữ, nhận xét về sự cố và yêu cầu kéo,. ), bạn có thể sử dụng bất kỳ thành phần HTML nào mà GitHub Flavored Markdown (GFM) cung cấp cú pháp cú pháp cho.

Làm cách nào để sử dụng HTML trên GitHub?

Thêm tệp HTML .
Sao chép repo của bạn. Bạn có thể sử dụng GitHub Desktop hoặc công cụ dòng lệnh git
Tạo một chỉ mục. html chứa một số nội dung HTML và lưu nó vào bản sao cục bộ của repo của bạn. Bạn có thể sử dụng bất kỳ trình soạn thảo văn bản nào để thực hiện bước này. .
Thêm, cam kết và đẩy chỉ mục của bạn. tệp html

Làm cách nào tôi có thể xuất bản miễn phí trang web HTML của mình?

Tiiny Host là công cụ lưu trữ web miễn phí đơn giản và dễ sử dụng nhất. Chỉ cần tải lên tệp zip chứa các tệp tĩnh của bạn (HTML, css, jpeg, png, v.v. ) để xuất bản nó trong vài giây. Đưa trang web của bạn lên Google và internet với một vài cú nhấp chuột.