github.io - Hiện thực hoá ước mơ thời thơ ấu

Trước tiên, mời bạn chơi game con rắn huyền thoại GAME CON RẮN

UPDATED: Link mới của GAME CON RẮN

Ước mơ có một "trang web" riêng của mình

Đó là ước mơ thời thơ ấu. Thời bắt đầu biết đến internet, muốn có một "trang web" của riêng mình, độc nhất. Thật là cool!!! Nhưng ước mơ vẫn chỉ là mơ ước, mọi thứ khi đó quá mù mịt. Cho đến khi dấn thân vào con đường công nghệ, khi mọi thứ rõ ràng hơn trước mắt thì ước mơ tưởng như cũng đã tàn.

Thế mà một ngày đẹp trời, sau bao ngày dùng github như một công cụ cứng nhắc trong công việc, tôi mới biết đến Github Pages, nơi biến ước mơ nhỏ bé ngày xưa của tôi thành hiện thực trong một nốt nhạc. Mọi nội dung cần thiết đã có trên trang bên trên rồi, tôi xin phép giới thiệu lại ở đây.

github.jpg

Hiện thực hoá ước mơ

Tạo một repository trên Github

Repository này bắt buộc phải có tên có dạng như sau <tên tài khoản Github>.github.io, ví dụ trong trường hợp của tôi thì là bs90.github.io

9deb0823efca9ddea8701e7a1dc7a310.png

Tạo trang web

Phần này chắc là khó nhất. Tuy nhiên ước mơ hồi bé là chỉ cần đưa cái tên mình lên thôi. Thế là hạnh phúc lắm rồi (haha). Tạo một file index.html trong thư mục gốc của repository, điền tên mình vào đó là xong. Do là nếu chỉ để tên thì bài viết này sẽ bị đánh giá là chả có gì hay ho, nên tôi làm phức tạp hơn một chút. Tôi làm một game con rắn, cũng là game của tuổi thơ và viết vào trang index. Bạn nào có hứng thú với cách làm ra game con rắn thì có thể comment, chúng ta sẽ bàn với nhau 😄

b5f00cb8822bec76f92638b0a31f0fd8.png

Và thế là xong, truy cập vào bs90.github.io, bạn sẽ thấy index.html được đọc ra vào chạy. Làm thế nào? Cái đó là việc của Github.

Che giấu nguồn gốc

Nhìn vào cái địa chỉ bs90.github.com thì trẻ con bây giờ cũng biết là tôi đang dùng hàng của Github, độ cool giảm đi hai phần ba. Phải "che đậy" lại. Vâng, bạn nghĩ đúng rồi đó, tôi sẽ thay tên miền của tôi vào đó.

Mua tên miền ở đâu? Một trong những cái lợi của việc dấn thân vào thế giới công nghệ là việc biết được rằng tên miền là một thứ vô cùng dễ kiếm, và giá cũng rẻ luôn (trong khi một số người bạn của tôi thỉnh thoảng vẫn nói với tôi - "Cậu giỏi thế, có hẳn địa chỉ riêng (yaoming)"). Nơi nổi tiếng nhất để mua domain chắc vẫn là godaddy.com, nhưng tôi thì vẫn gắn bó với nơi tôi mua cái đầu tiên - namecheap.com. Hiện nay một domain .com trên đó chỉ có giá 10$ cho một năm sử dụng - bằng một bữa ăn hơi hơi sang ở Hà Nội bây giờ.

Vậy thiết lập thế nào đây? Github lại một lần nữa rất tốt bụng, hỗ trợ cho chúng ta tận răng. Bạn chỉ cần tạo file CNAME và điền domain/subdomain của bạn vào là xong việc với Github.

d0bbd1da4e7ec661bbbdd87a8d17cda5.png

Việc còn lại là thiết lập HOST RECORDS, nếu ở Namecheap thì nó sẽ trông thế này.

58efbb7ad153716e973c3de3603b6177.png

Tất cả đã xong và một lần nữa, mời bạn chơi game con rắn huyền thoại GAME CON RẮN

Tổng kết

Tất nhiên Github Pages không phải sinh chỉ để giúp tôi thực hiện ước mơ thời thơ ấu. Nó hoàn toàn có thể tạo ra những website nghiêm túc, có thể cho dự án làm việc của bạn, có thể cho bạn sáng tạo những thứ thú vị trong một khoảng thời gian nhanh chóng để gửi cho bạn bè, người thân.

Một ví dụ cụ thể, Github Pages hỗ trợ Jekyll, một công cụ cũng được viết ra bởi Github, dùng để sinh ra các website tĩnh khá là bá đạo. Các bạn có thể tham khảo bài viết Xây dựng Blog Cá Nhân Với Jekyll của siêu tác giả @dinhhoanglong91 để biết thêm chi tiết.

Lời cuối cùng, cảm ơn Github!!!

P.S. Có vẻ như Bitbucket cũng làm được điều tương tự.