Как разместить файлы JS или CSS на Google Диске

Есть 2 способа включить файлы JS и CSS в наш проект. В первом случае мы сохраняем эти файлы js/css в нашем проекте, а во втором случае мы включаем онлайн-файлы CDN (сети доставки контента) в наш проект, что помогает повысить скорость нашего проекта. Но существует так много онлайн-сетевых платформ CDN, которые не бесплатны. Мы можем использовать их существующие файлы JS/CSS, но загружать собственные файлы невозможно из-за их премиального обслуживания.

Итак, теперь у нас есть еще один вариант размещения собственных файлов JS/CSS на Google Диске. Это платформа с открытым исходным кодом для размещения неограниченного количества файлов. Вы можете выполнить следующие шаги, чтобы разместить свой файл.

1. После того, как вы войдете в свою учетную запись Google Drive, вы увидите кнопку «Создать » в верхнем левом углу. Просто нажмите на него и создайте или загрузите файлы JS или CSS.

2. После того, как ваш файл загружен или создан, щелкните файл правой кнопкой мыши и выберите параметр « Поделиться ».

3. Эта опция создаст одну общедоступную ссылку, но с ограничениями. Поэтому мы должны сделать его общедоступным, нажав « Изменить» для всех, у кого есть ссылка, и нажмите «Готово».

Он преобразует общую ссылку в публичный доступ.

4. Скопируйте идентификатор файла из сгенерированной общей ссылки, которую вы можете найти в текстовой области.

Например, это мой идентификатор файла по приведенной выше ссылке: 1fblXqmO5IagNKigHkAB33N_WyOxyuo99.

5. Теперь, последний шаг, мы должны добавить этот идентификатор файла в приведенную ниже ссылку:

https://drive.google.com/uc?export=view&id= YOUR-FILE-ID

В моем случае наш URL-адрес CDN будет таким:

https://drive.google.com/uc?export=view&id=1fblXqmO5IagNKigHkAB33N_WyOxyuo99 .

Теперь нам просто нужно добавить эту ссылку к нашей html - ссылке и тегам скрипта , как показано ниже:

<!--Include CSS--> <link href="https://drive.google.com/uc?export=view&id=1fblXqmO5IagNKigHkAB33N_WyOxyuo99" rel="stylesheet"> <!--Include JS--> <script src="https://drive.google.com/uc?export=view&id=1fblXqmO5IagNKigHkAB33N_WyOxyuo99"></script>

Вот как мы можем разместить наши собственные файлы JS и CSS на диске Google, чтобы они работали как CDN