Cách chia sẻ file html lên google drive

Lưu trữ một trang web và tạo một trang web rất khác nhau. Thật dễ dàng để tạo một trang web hoặc một blog, giờ đây chúng ta có rất nhiều dịch vụ trực tuyến như weebly, Wix, WordPress. com, Tumblr, các trang web của Google, Blogger, v.v. Bạn không cần phải viết mã và phát triển trang web của riêng mình từ đầu, nhưng vấn đề duy nhất với các nền tảng này là bạn không có toàn quyền kiểm soát thiết kế và chức năng

Bây giờ đến phần khác – mua không gian máy chủ với nhà cung cấp dịch vụ lưu trữ web và lưu trữ một trang web “thực sự”. Giống cái này. Nhưng hạn chế duy nhất của việc mua không gian máy chủ và lưu trữ một trang web thực sự là bạn phải duy trì máy chủ và trả phí hàng tháng cho nhà cung cấp dịch vụ lưu trữ web của bạn. Trái ngược với các nền tảng xây dựng trang web miễn phí và mua không gian lưu trữ từ một công ty lưu trữ web, tại sao không sử dụng tài khoản Google của bạn để lưu trữ các trang web HTML đơn giản

Đây là cách

Sử dụng Google Drive để lưu trữ trang web miễn phí

Google Drive cho phép bạn tải lên và lưu tệp trong tài khoản Google của mình; . Tất cả những gì bạn cần làm là tạo một thư mục mới trong tài khoản Google Drive của mình, thay đổi chế độ hiển thị của nó thành “Công khai”, tải lên HTML, CSS, hình ảnh và các nội dung web khác và trang web của bạn đã sẵn sàng để được xem. Trước đây, chúng tôi đã chia sẻ một cách tương tự để lưu trữ các trang web tĩnh bằng tài khoản Dropbox của bạn

Điểm hay của Google Drive là nó hỗ trợ các ngôn ngữ kịch bản phía máy khách e. g JavaScript, vì vậy bạn có thể xây dựng một ứng dụng JavaScript đơn giản và lưu trữ ứng dụng đó trên Google Drive

Yêu cầu – Những điều bạn nên biết trước khi xuất bản trang web trong Google Drive

Để xuất bản các trang web hoặc ứng dụng đơn giản trong Google Drive, chỉ có hai yêu cầu

  • Thư mục nơi bạn sẽ tải lên tất cả nội dung của trang web của mình phải là “Công khai”. Tất cả nội dung web như hình ảnh, css, html và các tệp khác phải được truy cập công khai cho bất kỳ ai
  • Tất cả các siêu liên kết nội bộ trong trang web của bạn phải sử dụng ID thư mục webViewLink và đường dẫn đến tệp

Nếu tất cả những điều này nghe có vẻ quá lập dị, đừng lo lắng. Cẩn thận làm theo các bước đơn giản này để đưa trang web của bạn lên và hiển thị trong Google Drive

1. Đăng nhập vào tài khoản Google Drive của bạn bằng tên người dùng và mật khẩu Gmail của bạn

2. Nhấn nút “Tạo” và chọn “Thư mục”. Nhập tên chung cho trang web của bạn e. g “Trang web của tôi”. Đừng lo lắng, bạn luôn có thể thay đổi tên sau này

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

3. Nhấp vào “Ổ đĩa của tôi” trên thanh bên trái, chọn thư mục trang web của bạn từ ít tài liệu nhất và nhấn menu thả xuống “Thêm”. Tiếp theo chọn “Chia sẻ”

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

4. Theo mặc định, cài đặt chia sẻ của bất kỳ thư mục nào trong tài khoản Google Drive của bạn được đặt thành “Riêng tư”. Thay đổi nó thành “Công khai”

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

5. Bây giờ bạn cần biết Id duy nhất của thư mục mà bạn đang sử dụng để lưu trữ trang web của mình trong Google Drive. Chọn thư mục, nhấp vào “Khác” và chuyển đến “Cài đặt chia sẻ” một lần nữa. Bạn sẽ thấy ID của thư mục trong trường văn bản “Liên kết để chia sẻ”. Đây là một ví dụ

https. // tài liệu. Google. com/thư mục/d/0B5s3xO7X_W86ZzNXekpvMjd2U0k/chỉnh sửa

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

6. Bây giờ bạn cần tải lên một chỉ mục. html trong thư mục gốc của trang web của bạn. Tải xuống tệp html mẫu này trong máy tính của bạn, đổi tên nó thành chỉ mục. html và tải nó lên thư mục trang web Google Drive của bạn. Thư mục trang web của bạn trong Google Drive bây giờ sẽ trông như thế này

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

Nếu bạn nhấp vào chỉ mục. html khi bạn đang sử dụng tài khoản Google Drive của mình, Google sẽ tải tệp trong trình xem Google Tài liệu và sẽ không hiển thị dưới dạng tệp HTML thông thường. Do đó, để xem trước trang web của mình, bạn cần mở một tab trình duyệt mới và dán liên kết sau

https. // ổ đĩa google. com/máy chủ/XXXXXXXXX/

Ghi chú. thay thế XXXXXXXXX bằng ID thư mục duy nhất của tài khoản Google Drive của bạn

Giờ đây, trang web của bạn đã được lưu trữ và hoạt động trong Google Drive, trang web sẽ trông như thế này

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

Mẹo. Rút ngắn liên kết công khai của trang web Google Drive của bạn bằng các dịch vụ rút ngắn URL như Goo. gl hoặc Bit. ly, vì vậy bạn sẽ không phải nhớ URL dài hoặc ID của thư mục Google Drive của mình. Liên kết ví dụ – http. //goo. gl/O5FDz

Sử dụng các mẫu HTML và CSS trong trang web của bạn được lưu trữ trong Google Drive

Được rồi, đó chỉ là một ví dụ để cho thấy cách bạn có thể lưu trữ một trang web đơn giản trong tài khoản Google Drive hoặc Google Tài liệu của mình, thay đổi cài đặt chia sẻ thành công khai và để nó hoạt động như một trang web chung. Tiếp tục, thực sự là một ý tưởng hay khi sử dụng mẫu HTML và một số kiểu dáng CSS để tùy chỉnh giao diện trang web của bạn và làm cho nó trông đẹp mắt hoặc chuyên nghiệp hơn

Để lưu trữ một trang web HTML đầy đủ tính năng và sử dụng các mẫu HTML trong tài khoản Google Drive của bạn, bạn cần tuân theo các quy ước chung về thiết kế web. Ví dụ: bạn có thể có một thư mục riêng cho hình ảnh, một thư mục riêng cho các tệp CSS và JS và một thư mục riêng sẽ chứa tất cả các trang HTML. Bạn cần thiết kế websie cục bộ, sử dụng ứng dụng chỉnh sửa HTML như Adobe Dreamweaver, Aptana Studio và khi thiết kế xong, hãy tải tất cả các tệp cốt lõi, hình ảnh, biểu định kiểu và tệp JS lên thư mục trong tài khoản Google Drive của bạn

Tiếp theo, bạn cần đảm bảo rằng tất cả các tệp được gọi từ mẫu HTML của bạn không phải là tệp tương đối hoặc cục bộ. Nói chính xác, bạn cần thay đổi đường dẫn tệp thành đường dẫn tuyệt đối của tệp, như nó xuất hiện trong tài khoản Google Drive của bạn

Để cho bạn thấy một ví dụ, đây là cấu trúc tệp trang web đơn giản của tôi trông như thế nào bên trong Google Drive

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

Khi tất cả các tệp cốt lõi được tải lên trong thư mục trang web của tài khoản Google Drive của tôi, tất cả những gì tôi đã làm là sử dụng đường dẫn tuyệt đối của CSS, hình ảnh và các tệp khác và gọi chúng từ nguồn của mẫu HTML. Đây thực sự là nội dung cơ bản, nếu bạn biết cách thức hoạt động của các mẫu HTML và mã hóa chung, bạn sẽ có thể tìm ra nó mà không gặp nhiều khó khăn.

Bây giờ, trường hợp sử dụng thực tế của việc lưu trữ trang web trong Google Drive và không sử dụng các nền tảng khác như trang web Google, Blogger, WordPress là gì. com? . Nhưng nếu bạn là người muốn thử nghiệm các trang web cục bộ mà không cần máy chủ tệp, máy chủ web hoặc tài khoản lưu trữ web, tôi nghĩ Google Drive có thể hoạt động như một sân chơi thử nghiệm mạnh mẽ

Cách chia sẻ file html lên google drive
Cách chia sẻ file html lên google drive

Nếu bạn là một nhà thiết kế web hoặc một người mới bắt đầu viết mã và cần một cách đơn giản để sao lưu các dự án HTML vào bộ nhớ trực tuyến, thì Google Drive là lựa chọn hoàn hảo. Nó an toàn và được bảo mật sau Đăng nhập Google của bạn, bạn có thể xem trước các dự án của mình bất kỳ lúc nào và chỉnh sửa chúng trực tuyến mà không cần phải sử dụng bất kỳ trình chỉnh sửa HTML nào trên máy tính cục bộ