Làm cách nào để liên kết github với html?

Tôi biết điều này nghe có vẻ sơ đẳng, nhưng mọi người đang gặp khó khăn khi lưu trữ miễn phí trang web của họ trên GitHub

Không khó để lưu trữ một trang web chỉ có tệp HTML trên GitHub. Đây là vấn đề

Là nhà phát triển web, bạn muốn chạy thử và lưu trữ miễn phí các tệp HTML, CSS, JavaScript và hình ảnh của mình trên GitHub. Nhưng có một thách thức

Nếu bạn làm theo quy trình mà GitHub đã giải thích trong tài liệu về cách lưu trữ trang web miễn phí, đây là điều sẽ xảy ra

Bạn sẽ thấy một lỗi 404 khó chịu nhìn chằm chằm vào bạn mỗi khi bạn làm mới và cố gắng hiển thị trang web trang GitHub. Đây là một vấn đề khác

Như bạn đã biết, nếu bạn đang tìm kiếm một giải pháp, đặc biệt là cho các lập trình viên, có hai nơi bạn có thể đến - Google và StackOverflow

Nhưng các bài viết thứ hạng cao trên Google không giúp giải quyết lỗi 404 trang GitHub ném. Tôi thấy hầu hết các bài viết này đều theo cùng một khuôn mẫu, cuối cùng dẫn đến lỗi 404

Nhiều video trên YouTube cũng thuộc cùng loại này — cùng các video không hữu ích, cùng lỗi 404

Bây giờ StackOverflow. Tôi muốn lưu trữ miễn phí một trang web mà tôi đã phát triển trên GitHub, nhưng không, nó sẽ không hiển thị. Tôi đã chuyển sang StackOverflow như bất kỳ nhà phát triển nào khác sẽ làm

Nhưng StackOverflow đã từ chối tôi — không có giải pháp đơn giản nào cho lỗi. Và bạn biết đôi khi câu trả lời trên StackOverflow có thể khó hiểu. Bây giờ là tin tốt

tôi đã tìm ra giải pháp

Các trang GitHub vẫn còn sống, không chết

Điều đáng ngạc nhiên là chỉ với một tinh chỉnh đơn giản, trang web của bạn (tệp HTML, CSS, JavaScript, hình ảnh) sẽ hiển thị trên GitHub

Hãy bắt đầu nào. Những gì bạn sắp học khiến tôi mất nhiều tháng để khám phá. Trên thực tế, nó đã làm đình trệ quá trình học tập của tôi trong một thời gian

1. Tạo tài khoản Github

Đi tới github. com để tạo tài khoản miễn phí. Tài khoản của bạn sẽ sẵn sàng sau vài giây

2. Tạo một kho lưu trữ mới

Khi bạn đăng nhập vào tài khoản của mình, ở bên trái màn hình, hãy nhấp vào Mới

3. Đặt tên cho kho lưu trữ của bạn

Đặt tên cho kho lưu trữ của bạn

Bạn có thể để ở chế độ Công khai nếu muốn mọi người đóng góp cho nó. Bây giờ bấm vào Thêm tệp README. Với tệp README được đánh dấu, bạn có thể giải thích tất cả về kho lưu trữ của mình

Sau đó nhấp vào Tạo kho lưu trữ

4. Tải lên tệp HTML, CSS, hình ảnh

Trên trang mới, nhấp vào Thêm tệp ở đầu hộp chính. Hai tùy chọn sẽ bật lên — Tạo tệp mới và tải tệp lên

Nhấp vào Tải tệp lên để tải tệp của bạn lên từ máy tính hoặc thiết bị của bạn

5. Kéo hoặc tải tệp lên

Bạn sẽ thấy tùy chọn kéo tệp của mình hoặc tải chúng lên từ máy tính của bạn. Bạn có thể đi với bất kỳ trong hai tùy chọn. Nhưng lưu ý

Bạn nên có tất cả các tệp của mình trong một thư mục — tệp HTML, CSS, JavaScript và hình ảnh. Ngoài ra, hãy đặt tên cho thư mục (ví dụ: trang web). Đặt tên tệp HTML của bạn là “index. html”

Đây là những điều quan trọng để làm cho trang web của bạn hiển thị trên Github

Đợi và để các tệp tải lên. Kiểm tra bên dưới hộp bạn đã tải lên tệp của mình. Bạn sẽ biết nếu các tập tin của bạn được tải lên

Khi quá trình tải lên hoàn tất, nhấp vào Cam kết thay đổi

6. Chuyển đến Cài đặt

Trên màn hình hiện tại, bạn sẽ thấy Cài đặt — ở bên phải, phía trên các hộp. Nhấn vào nó

Bây giờ hãy cuộn xuống Trang Github. Bấm vào - Kiểm tra nó ra ở đây

Nó sẽ hướng bạn đến Trang GitHub mới. Bên dưới “Nguồn”, nhấp vào Không có. Sau đó bấm vào “chính”. Bây giờ hãy nhấp vào Lưu

Bạn sẽ thấy thông báo này — Trang web của bạn đã sẵn sàng để xuất bản lúc……

Sau vài phút, nhấp vào liên kết

Tất cả đều đúng, trang web của bạn sẽ hiển thị khi bạn nhấp vào liên kết đó, nhưng nó sẽ không hiển thị

Tất cả những gì bạn thấy là tên kho lưu trữ của bạn hoặc những gì bạn đã viết trong tệp README của mình. Hoặc thậm chí là lỗi 404. Đây là cách bạn có thể giải quyết vấn đề đó và làm cho trang web của bạn hiển thị

Thêm tên của thư mục bạn đã tải lên và tên tệp HTML của bạn vào cuối liên kết mà các trang GitHub đã tạo cho bạn. Ví dụ

https. //lolade97. github. io/cak/ola/chỉ mục. html (link này là ví dụ, không có thật)

“ola” là tên thư mục của tôi, và “index. html là tên tệp HTML của tôi

BÙM. Trang web trang GitHub của bạn đang hoạt động — trông rất đẹp

Nếu bạn làm theo các bước trên, bạn sẽ khắc phục được một sự cố tưởng chừng đơn giản nhưng khó khắc phục. Và tin tôi đi, bạn sẽ tránh được một lỗi gây căng thẳng, mất tinh thần

Tôi biết có những nơi khác bạn có thể lưu trữ một trang web miễn phí. Nhưng, GitHub là GitHub. Đó là những gì nó được. Và nó vẫn là một trong những nơi tốt nhất để lưu trữ một trang web miễn phí. Một nền tảng mà bạn có thể cảm nhận được các tệp HTML, CSS, JavaScript và hình ảnh của mình trông như thế nào khi trực tuyến

Các nhà văn phải đối mặt với những thách thức có thể khiến họ không thể viết suốt đời… Đau lưng mãn tính do ngồi quá lâu, nhức mắt do nhìn chằm chằm vào màn hình trong nhiều giờ, ngón tay tê cứng khi viết một số thứ. Nếu bạn muốn tiếp tục nhận được những loại bài viết này, bạn có thể hỗ trợ tôi bằng cách trở thành người đăng ký Medium. Chi phí $5/tháng. Một phần phí đăng ký của bạn sẽ được chuyển cho tôi. Cảm ơn bạn