Vì vậy, giả sử bạn đã đưa ra một trang web khá đẹp. Tôi có một cái ngay đây. Tôi sẽ nhấp vào tập tin index.html của tôi, và tôi đã có một số hình ảnh trong đó. Tôi có một tập tin đặc biệt gọi là CSS mà bạn có thể không quen thuộc với được nêu ra, nhưng đó là okay. Nhưng chúng ta hãy xem trang web của tôi trông như thế nào. Đi nào, lên nào. Đây chỉ là một trang nhỏ tôi đã thực hiện về tôi với một chút định dạng. Nhưng nếu bạn kiểm tra và bạn loại nhìn ở góc trên, bạn có thể thấy rằng trang web này không phải là trực tiếp. Thực tế là nó nói, tập tin đại tràng, vì vậy chuyển tiếp, tôi không thể chia sẻ nó với những người khác sống. Tôi có thể gửi email cho họ mã của tôi, tôi có thể nói với ai đó,” Ồ, nhìn này, tôi đã tạo một trang web,” và sau đó tôi có thể gửi cho họ tập tin này và tất cả các hình ảnh và mọi thứ tương tự, nhưng đó là một loại đau đớn. Vì vậy, chúng ta hãy cố gắng làm cho trang web này hoạt động trên tài khoản GitHub Pages của tôi. Vì vậy, quay trở lại đây, vào tài khoản GitHub của tôi mà nếu bạn chưa tạo ra, không sao đâu. Tôi có một video khác, Đi tạo tài khoản của bạn và quay lại đây và gặp chúng tôi. Nhưng hơn thế nữa, tôi sẽ lập tài khoản trực tiếp đầu tiên của mình. Một lần nữa, tôi sẽ đi lên và làm một điểm cộng cho một kho lưu trữ mới. Về cơ bản, hãy xem xét một thư mục mới đầy đủ mã. Lần cuối cùng tôi cần phải rất cẩn thận với tên kho lưu trữ của tôi, không phải lần này. Tôi sẽ chỉ gọi cái này, giả sử mẫu, tôi cố gắng rất cố gắng để giữ nó cho tất cả các chữ thường. Bạn có thể bao gồm các chút giống dấu gạch ngang, nhưng không có ký tự đặc biệt. Vì vậy, tôi sẽ để nó như là mẫu. Rất quan trọng, tôi sẽ nhấp vào,” Khởi tạo kho lưu trữ này với một Read Me, và tôi nhấp vào đó, và tôi sẽ nhấp vào “Create repository”. Vì vậy, GitHub ngay bây giờ đang tạo ra một trang web mới cho tôi để tải lên mã của tôi. Bây giờ, những người sử dụng GitHub cho, tôi sẽ nói như thật, thực sự đang làm rất nhiều việc từ dòng lệnh và họ phải ghi nhớ rất nhiều thứ. Chúng ta sẽ không làm thế. Chúng tôi chỉ sử dụng GitHub Pages để lưu trữ mã của chúng tôi. Vì vậy, chúng ta hãy nhấp vào “Tải lên tệp”. Bây giờ, đây là một phần khó khăn, nếu tôi bấm vào “Chọn tập tin của bạn”, tôi có thể làm điều đó và tôi có thể đi qua và chọn, tốt, tôi cần tập tin này và tập tin đó, nhưng nó sẽ không cho phép tôi tải lên toàn bộ thư mục. Xem nếu tôi nhấp vào CSS và tôi nhấp vào mở, nó giống như, “Oh, đây là tập tin bạn muốn?” , Tôi không muốn điều này, tôi muốn tất cả mọi thứ, không chỉ tập tin. Vì vậy, tôi nhấp vào “Thêm”. Những gì tôi sẽ làm là đi qua đây, và tôi sẽ quay trở lại, một, và tôi sẽ kéo toàn bộ thư mục này lên tất cả cùng một lúc, và điều này sẽ cho phép tôi tải lên nhiều tập tin như tôi muốn. Sai lầm tiếp theo tôi làm tất cả các thời gian là tôi quên đi tất cả các cách xuống phía dưới và nói,” Cam kết thay đổi”. Vì vậy, đây là bước đầu tiên trong hai bước làm cho trang web của bạn trở nên trực tiếp. Bước đầu tiên là chỉ tải lên các tệp của bạn. Một lần nữa, điều này có thể mất vài phút để hoàn thành. Vì vậy, trong khi điều đó đang diễn ra, tôi sẽ đi lên, trên đó và sau đó tôi sẽ đi lên. Vì vậy, những gì tôi sẽ nhấp vào bây giờ là, tôi sẽ đi lên và nhấp vào “Cài đặt”. Được rồi. Bây giờ, những gì tôi cần làm là tôi cần phải nói, “Này, nếu ai đó muốn xem trang web của tôi, tôi không muốn họ nhìn thấy mã của tôi. Tôi muốn họ nhìn thấy trang thực tế của tôi.” Vì vậy, tôi sẽ quay trở lại đây, và tôi sẽ cuộn xuống, cuộn xuống trên con chuột này, và những gì tôi đang tìm kiếm là một trang web có ghi, “trang GitHub.” Đi đến không có và chọn chi nhánh chính và lưu. Được rồi. Bạn không bao giờ thực sự biết nó có hiệu quả hay không. Vì vậy, tôi sẽ quay trở lại xuống một lần nữa, bấm vào đây và quay trở lại, và nếu tôi đi xuống các trang GitHub, bây giờ nó sẽ nói với tôi, “Này, mã của bạn bây giờ là ngay đây”. Vì vậy, tôi sẽ bấm vào điều này, và nó không phải là hiếm khi để nói, hey, bạn chưa có bất cứ điều gì hoặc một cái gì đó tương tự. Vì vậy, những gì tôi sẽ làm là, tôi sẽ quay lại mã của tôi và nói, “Được rồi”. Tên của thư mục tôi kéo lên là gì? Oh đó là sampler, và tên của tập tin của tôi là gì? Hy vọng rằng, đó là index.html và nó là, tuyệt vời. Tôi sẽ đi ngay đây, và bây giờ khi tôi nhấp vào, tôi nhận được một lỗi 404. Đừng lo, chuyện đó sẽ xảy ra rất nhiều. Điều đầu tiên cần kiểm tra là, bạn đã đặt một lỗi đánh máy? Vâng, tôi đã làm, tôi đã viết mẫu thay vì sampler. Vậy, hãy đặt cái đó vào trong đó. Bây giờ, tôi sẽ nhấn Enter và đó là trang web của tôi. Được rồi. Vì vậy, những gì bạn có thể làm, hai bước để tạo tài khoản GitHub này là tải lên tệp của bạn và sau đó thay đổi loại liên kết đó cho GitHub Pages để bật nó lên. Một khi bạn làm điều đó, bạn có thể tải lên bao nhiêu thứ bạn muốn. Tôi sẽ làm thêm một việc nữa với anh thật nhanh. Tôi sẽ quay lại tài khoản GitHub của tôi và tôi sẽ làm điều này một lần nữa nhưng hơi khác. Tôi muốn truy cập github.com. Tôi sẽ làm thêm một kho lưu trữ nữa. Tôi sẽ gọi cái này, mẫu hai, và lần này, tôi sẽ quên và tôi sẽ không bấm vào cái này Đọc cho tôi. Chúng tôi sẽ nhấp vào kho lưu trữ. Ôi! Vâng, bây giờ không có chỗ cho tôi để nhấp vào các tập tin tải lên đó, và bạn cảm thấy hơi mắc kẹt. Nếu bạn quên, chỉ cần di chuyển ngay đến liên kết ReadMe trên trang, và bạn nhấp vào nó và tôi thực sự tạo ra ReadMe. Nó sẽ đi xuống. Chỉ cần để bạn biết, cam kết tập tin mới là tương đương với lưu các tập tin cho những gì chúng tôi làm trong máy tính để bàn của chúng tôi. Vì vậy, bây giờ, tôi có thể tải lên các tập tin. Tôi sẽ làm điều đó một lần nữa để cho các bạn thấy một cách khác có thể dễ dàng hơn. Tôi sẽ quay lại đây. Trước khi tôi kéo toàn bộ thư mục sampler, lần này tôi sẽ chỉ lấy ở đây. Tất cả đều đang tải lên. Tôi sẽ nhấp vào “Commit Changes.” Trong khi điều này đang xảy ra, tôi muốn bạn suy nghĩ,” Bước thứ hai đó là gì? Bước tiếp theo cô ấy nói tôi phải làm gì?” Bước đó là đi vào cài đặt và thêm GitHub Pages. Vì vậy, chúng ta hãy đi đến cài đặt. Lên, nó sẽ đến, ngay đây. Cuộn xuống chi nhánh Master và lưu, và sau đó kể từ khi tôi muốn được một chút lười biếng, tôi sẽ chỉ di chuyển xuống đây một lần nữa, và giống như” Oh tuyệt vời, đây là liên kết đến trang web của tôi”. Tôi sẽ bấm vào nó. Một lần nữa, khi bạn nhận được lỗi 404, thường có hai lý do: hoặc bạn đánh vần một cái gì đó sai mà không phải là trường hợp ở đây bởi vì chúng tôi đã nhấp vào nó, chúng tôi không gõ bất cứ điều gì vào. Hoặc bạn cần phải cung cấp cho GitHub một vài phút nữa để tải lên tất cả mọi thứ hoặc thứ ba là đôi khi, tôi không chắc chắn chính xác tại sao, nhưng đôi khi, GitHub dường như gần như quên tìm tập tin index.html. Vì vậy, tôi sẽ nhấn “Enter”, và chúng ta sẽ đi. Vì vậy, GitHub Pages là một cách miễn phí tuyệt vời để bạn lưu trữ mã của bạn và chia sẻ nó với tất cả những người bạn nghĩ sẽ bị ấn tượng với công việc đáng kinh ngạc của bạn.