JS, CSS ve HTML Dosyalarını Barındırmak İçin Google Drive Kullanmak


JS, CSS ve HTML Dosyalarını Barındırmak İçin Google Drive Nasıl Kullanılır ?

Kodları barındırabileceğimiz bir çok kod kütüphanesi mevcut. Bunlardan en çok tercih edileni GitHub ve Dropbox olsada özellikle hız, güvenlik ve ücretsiz olduğu için Google altyapısını kullanmak avantajlı oluyor.

JavaScript , HTML ve CSS Kodlarını Google Drive Nasıl Yükleriz ve Kullanıma Nasıl Açarız ?

Gmail Hesabınız olduğunu varsayıyorum.


0.) JS, CSS veya html dosyalarının hazırlanması :

Not defterini açın ve yazdığınız kodları içine aktarıp bir isim vererek uzantısını .js veya .css veya .html olarak kayıt edin.

1.) Google Drive girişi yapıyoruz.

2.) Yeni > Klasör > Yeni Klasör > Oluştur

Aslında klasör oluşturmasak da olur lakin düzen için gerekli.

3.) Oluşturduğumuz dosyayı açtığımızda sürekle bırak yaparak not defterinde hazırladığımız dosyayı Google Drive alanına yüklüyoruz.

Goole Drive > Klasör > Not defterinde hazırlanan dosyayı yükle

JavaScript , HTML ve CSS Kodlarını Google Drive İle Nasıl Paylaşılır ?


0.) Google Drive Eklentilerinden Direct Link Creator eklentisini yüklüyoruz.




1.) Paylaşmak istediğimiz dosya SağTık >Birlikte aç >  Direct Link Creator > Share All and Get Direct Links 





2.) Yolunu izlediğinizde size bir bağlantı verecektir.

https://docs.google.com/uc?export=download&id=0B1UWBxCuhyQWWFdabDVNQ2ptY2M

3.) Bu bağlantıya amp;  ekleyerek düzenliyoruz.

https://docs.google.com/uc?export=download&id=0B1UWBxCuhyQWWFdabDVNQ2ptY2M

4.) Bu işlemden sonra site içinde kullanmak için dosyamız hazır oldu, kullanmak için 

<script src=' URL '/> 
<script type="text/javascript" src="URL"> </script>
<style type="text/css"> href="URL"  </style>
<link rel="stylesheet" type="text/css" href="URL" />

içinde kullanabiliriz.

Örneğin:

<script src='https://docs.google.com/uc?export=download&amp;id=0B1UWBxCuhyQWWFdabDVNQ2ptY2M'/>



Zaman ayırdığınız için teşekkürler. Umarız faydası olmuştur.

Yorumlar