Cách up file lên Github

Sau khi viết xong mã code cho website nhiều bạn sẽ muốn thử nghiệm code có hiển thị ổn không trước khi công bố hoặc nhiều bạn cũng muốn chia sẻ kết quả website đã viết cho bạn bè người thân xem.

Có nhiều cách để làm việc này và trong bài viết này mình sẽ chia sẻ cho các bạn một trong số những cách đơn giản và phổ biến nhất hiện nay.Đó chính là cách đưa website lên mạng sử dụng Github.

Tạo và đăng nhập tài khoản Github

Để đưa websie lên mạng sử dụng Github đầu tiên bạn cần đăng nhập vào tài khoản Github.Nếu bạn chưa có tài khoản Github thì bạn có thể đăng kí theo đường link dưới đây.

Đăng kí tài khoản Github rất dễ bạn chỉ cần điền thông tin sau đó xác nhận email là OK.

Bước 1 : Tạo Repository mới

Sau khi đăng nhập vào tài khoản Github xong bạn nhấn vào icon hình dấu cộng ở góc trên cùng bên phải màn hình và chọn “New repository” để tạo một nơi chứa code của bạn.

Ở màn hình tiếp theo bạn hãy điền tên website của bạn tại “Repository name“.

README file là file bạn ghi thông tin tới thiệu về website của mình cho người khác xem khi họ truy cập vào website của bạn trên Github.Những thông tin này chỉ hiển thị trên trang Github và không ảnh hưởng gì tới code website của bạn cả.Định dạng file README trên Github là .md và mình đã cũng đã có hai bài viết về Markdown, bạn có thể xem thêm tại đường link dưới đây.

Bạn có thể nhấn chọn “Add a README file” nếu cần.

Cuối cùng bạn nhấn nút “Create repository” để tạo một repository mới.Nếu tạo thành công bạn sẽ thấy kết quả tương tự hình dưới đây.

Góc trên cùng bên trái sẽ là tên tài khoản Github với tên website bạn đã đặt lúc trước.Giờ repository này chưa có gì ngoài file README.md nếu bạn có chọn “Add a README file” ở bước trên.

Bước 2 : Tải các file cần thiết lên repository

Bạn nhấn vào menu “Add file” và chọn tiếp “Upload files” để tải các file của website lên repository đã tạo.

Bạn hãy kéo thả toàn bộ file của website vào trong khung “Drag files here to add them to your repository“.Các file bạn kéo thả vào đó sẽ tự động được upload.

Bạn lưu ý là Github chỉ cho upload tối đa 100 file một lần thôi nhé.Nếu website của bạn có nhiều hơn 100 file bao gồm cả hình ảnh thì bạn có thể chia ra upload làm nhiều lần.

Sau khi upload xong bạn nhớ ghi nội dung bất kì liên quan đến lần upload file này tại “Commit changes“.Bạn nhấn nút “Commit changes” để lưu lại thay đổi.

Bước 3 : Đưa website đã tạo lên mạng

Giờ bạn sẽ thấy repository của bạn đã có đầy đủ các file của website.

Bạn vào menu “Settings” để đến phần tùy chỉnh.Tại khung menu bên trái bạn nhấn chọn “Pages” và trang Github Pages sẽ hiện ra.

Tại phần “Source” bạn chuyển từ “None” qua “main“.Kết quả menu hiển thị sẽ thay đổi như hình dưới đây.Bạn nhấn vào “Save” để lưu lại.

Lúc này phía trên “Source” sẽ xuất hiện đường link dẫn tới website của bạn.Bạn hãy nhấn vào đó để xem thành quả nhé.Bạn có thể chia sẽ đường link này cho bất kì ai muốn xem website của bạn.

Dưới đây là hình ảnh website của mình sau khi upload các file lên trên Github.

Chỉnh sửa file đã upload lên Github

Bước 1 : Quay lại repository và menu Code

Sau khi upload các file của website lên nếu như bạn cần cập nhật nội dung cho file nào đó thì bạn hãy vào phần chỉnh sửa file để làm nhé.Đầu tiên bạn hãy quay trở về menu “Code“.

Bước 2 : Lựa chọn file cần chỉnh sửa

Bạn sẽ quay trở lại màn hình hiển thị toàn bộ các file code của webiste có trên Github.Bạn nhấn chuột trái vào file cần cập nhật.

Bước 3 : Tiến hành chỉnh sửa file

Bạn sẽ được chuyển đến màn hình hiển thị nội dung code của file đã chọn.Tại đây bạn nhấn vào icon hình bút chì ở góc trên bên phải để chỉnh sửa file code này.

Phía trên bên trái sẽ là tên website và tên file mà bạn đang chỉnh sửa.Bạn nhớ kiểm tra kĩ xem có đang chỉnh sửa đúng file không nhé.

Bước 4 : Lưu lại file đã chỉnh sửa

Sau khi chỉnh sửa xong bạn hãy điền thông tin bất kì liên quan đến lần cập nhật này tại “Commit changes“.Cuối cùng bạn nhấn vào nút “Commit changes” để lưu lại.

Có lẽ sẽ mất vài phút hoặc lâu hơn để Github cập nhật những thay đổi mà bạn đã làm.

Kết luận

Sau khi tham khảo xong bài viết, bạn đã đưa website của mình lên mạng thành công hay chưa ? Hãy cùng chia sẻ kết quả trong phần bình luận nhé.Nếu có gì thắc mắc đừng ngần ngại để lại bình luận cho mọi người cùng tham khảo và giải quyết.