Upload file JS (javascripts) và CSS lên host Google Drive

Sau khi đã hoàn thành cho mình một Website, Blog (Blogspot chẳng hạn) thì việc tìm nơi lưu trữ các file Css và Js (Javascripts) là điều tất yếu và cực kỳ cần thiết. Trong bài viết này mình sẽ hướng dẫn các bạn cách upload file Css và Javascripts lên host Google Drive.

Trước đây, khi upload các file Css hay js người ta thường nghĩ ngay đến code.google.com, nhưng hiện nay, dường như Google Code đã ngừng hỗ trợ việc Upload. Vậy nên Google Drive (Dịch vụ lưu trữ của Google) là lựa chọn số một.
Các bạn truy cập https://drive.google.com/drive/

• Vậy tại sao phải upload những file này lên web host (Google Drive)?

- Thứ nhất, thông thường khi download, tải các template từ trên mạng về, các file js và css mặc định đã được upload sẵn lên một trang nào đó, và việc bạn phải dùng chung các file đấy với nhiều người khác sẽ làm chậm tốc độ truy xuất, làm chậm tốc độ tải trang của bạn.

- Thứ hai, vào một ngày đẹp trời, Website, hay blogspot của bạn bỗng nhưng gặp hiện thượng lạ, bố cục, layout bị vỡ, hiện thị lung tung, hay các tiện ích javascripts không chạy, nguyên nhân có thể là link đến các file Css hay Javascripts bị die, hoặc chủ sở hữu ngừng chia sẻ, lúc này nếu may mắn bạn vẫn có thể tìm thấy các file đó bằng cách Google search thần chưởng :D còn không thì =,=!

- Google Driver của Google nên về độ uy tín thì khỏi phải bàn, cho phép upload 5GB mỗi tài khoản, có nhiều công cụ đi kèm (khá giống như tiện ích addon của Google Chrome hay Firefox), bạn hoàn toàn có thể dễ dàng chia sẻ, chỉnh sửa các file lưu trữ của mình, bảo mật cực tốt, và điều cuối cùng: FREE.

Hướng dẫn tải lên và dùng Google Drive 

Bước 1: Tạo thư mục rồi đặt tên cho nó

Bước 2: Nhấn vào thư mục để một mũi tên nhỏ hiện ra – sau đó click vào mũi tên nhỏ đó

Bước 3: Nhấn vào Chia sẻ

 Theo mặc định thư mục bạn tạo sẽ ở chế độ riêng tư:

Nhưng vì bạn cần chia sẻ các file trong thư mục này để ai cũng có thể xem được nên chúng ta cần thay đổi chế độ riêng tư về Public – Công khai trên web.

Giờ giả dụ bạn muốn up một file HTML có nhúng cả CSS trong đó thì đầu tiên, bạn up file đó như bình thường vào thư mục MyCode ở trên (file đó theo mặc định cũng được chia sẻ cho tất cả mọi người giống thư mục chứa nó).

Tôi đã up 2 file lên thư mục MyCode:

Giờ để lấy liên kết xem trực tiếp bạn nhấn vào file đó, rồi nhấn tiếp vào chia sẻ, một khung sau hiện ra:

Bạn copy đoạn link Liên kết để chia sẻ, nó có dạng như thế này:

https://docs.google.com/file/d/0BxKUKf8tfKupYmlPcnBURjdzVlE/edit?usp=sharing

Bạn chỉ cần chú ý dòng màu đỏ, copy đoạn đó và đưa nó vào URL sau:

https://googledrive.com/host/0BxKUKf8tfKupYmlPcnBURjdzVlE/

Vậy là xong, bạn thử truy cập liên kết này xem: https://googledrive.com/host/0BxKUKf8tfKupYmlPcnBURjdzVlE/

Nó sẽ cho ra một trang giống y như là trang bạn up lên hosting có phí vậy.

Chú ý là bạn không cần thêm đuôi .html, .css hay .js đằng sau tên file, bạn cứ để nguyên địa chỉ của nó như vậy là được.