[Blogger] Sử dụng OneDrive làm host lưu trữ CSS và JavaScript cho Blogspot

Chào các bạn, ở các bài viết trước tôi đã giới thiệu rất nhiều host lưu trữ css, javascript cho blogspot như googledrive, google site, firebase... và ở bài viết này sẽ có thêm 1 lựa chọn nữa đó là sử dụng dịch vụ lưu trữ đám mây OneDrive - con đẻ của Microsoft.

OneDrive có những điều kiện lý tưởng gì ?

Từ khi Windows 10 ra mắt thì OneDrive đã dính với nó như hình với bóng, vì thế khi cài đặt xong bạn có thể log in tài khoản để sử dụng tính năng đồng bộ (sync) 1 cách nhanh chóng mà không phải mất thời gian cài đặt các tiện ích đồng bộ như của google hay dropbox.

Nhờ tính năng sync này mà sau khi nhúng code, bạn có thể dễ dàng chỉnh sửa nội dung file css hay js trực tiếp trên explorer mà không cần thiết phải đăng nhập vào trang quản trị blog để sửa

Lưu ý: để thực hiện cách này bạn cần có 1 tài khoản Office 365 nhé, không áp dụng cho tài khoản thường

Trước tiên hãy log in tài khoản để đồng bộ OneDrive nhé (biểu tượng đám mây ở góc phải màn hình), tạo 1 thư mục để tiện quản lý file.

Mở trình notepad bằng cách mở RUN gõ vào notepad, bạn lưu nội dung file css hoặc javascript vào, lưu ý chỉ cần nội dung không cần <style> hoặc <script>, ví dụ ở đây tôi sẽ lưu 1 file jquery. Lưu file , trỏ đường dẫn tới thư mục vừa tạo, phần Encoding nhớ chọn UTF-8

Lúc này thì chỉ trong vài giây file sẽ được tải lên đám mây cho bạn. Bạn truy cập trang https://portal.office.com đăng nhập và chọn vào mục OneDrive để đến trang quản lý file

Đến đây bạn hãy tắt quyền chỉnh sửa file đi để đảm bảo cho file an toàn khi chia sẻ

Lấy link chia sẻ

Link có dạng

https://zjueduvn-my.sharepoint.com/personal/hoanghung1001_office365vn_work/_layouts/15/guestaccess.aspx?docid=0d6d914df6d2b487184b74eea68b8a8b6&authkey=AW4xh8MntTwB3K2_YRceWuw

Như bạn thấy nó có chứa kí tự & vì thế bạn cần thêm vào sau nó amp; để không bị lỗi khi chỉnh sửa HTML

Vậy link nhúng cuối cùng sẽ có dạng

<script src='https://zjueduvn-my.sharepoint.com/personal/hoanghung1001_office365vn_work/_layouts/15/guestaccess.aspx?docid=0d6d914df6d2b487184b74eea68b8a8b6&amp;authkey=AW4xh8MntTwB3K2_YRceWuw' type='type/javascript'/>

Với tính năng sync cực kì nhanh chóng, sau này khi cần thay đổi nội dung file css hoặc js bạn có thể Right Click vào file chọn Edit và chỉnh sửa ngay trên Explorer mà không cần tạo file mới và upload lại nữa, chỉ vài giây file sẽ được đồng bộ, link vẫn giữ nguyên và update nội dung mới. Cái này cực tiện lợi trong trường hợp bạn có 1 file css, js thường xuyên phải thay đổi nội dung mà không mong muốn phải reup file hoặc vào phần chỉnh sửa template của blog để chỉnh sửa

Như vậy sau bài viết này chúng ta lại có thêm một lựa chọn để lưu trữ code css, js cho blog của mình để không phụ thuộc vào host của người khác

Chúc các bạn thành công !