Varje bloggare och webbutvecklare ställs ständigt inför utmaningen att externt lagra CSS, JavaScript och andra viktiga skript för sina webbplatser. Det är av stor vikt att hantera kodfiler externt, eftersom det minskar storleken på mallar och bidrar till en mer överskådlig kodstruktur.
Om alla skript inkluderas direkt i mallen, kan det snabbt bli svårt att överblicka och navigera i koden.
Därför är det nödvändigt att välja rätt plats för filhantering. Om skripten lagras på en mindre populär plattform, ökar risken för felmeddelanden och bristande svarstider.
Dessutom kan dessa plattformar vara långsamma i utförandet av kod, vilket påverkar webbplatsens laddningshastighet. Därför är det fördelaktigt att lagra filer på en plats med snabb serverresponstid, vilket i sin tur förbättrar laddningstiden. Google Drive utgör här ett utmärkt alternativ.
Google Drive är inte bara en lagringsplattform; den erbjuder ett brett utbud av funktioner som är användbara inom webbutveckling. Du kan skapa kontaktformulär, enkäter, kalkylblad, ladda ner filer och mycket mer.
I den här artikeln kommer vi att gå igenom hur Google Drive fungerar, och hur du kan använda plattformen för att lagra dina CSS-, JavaScript- eller andra skript kostnadsfritt.
Hur du lagrar filer på Google Drive
Del 1: Förbered din kodfil
- Börja med att skapa en fil med den kod du önskar lagra på Google Drive. Det kan vara en CSS-fil, JavaScript-fil, HTML-fil eller vilken annan typ av kodfil som helst.
- Kopiera koden du vill lagra. I det här exemplet använder vi CSS-kod, men du kan självfallet lagra andra typer av kod.
- Öppna ett textredigeringsprogram, klistra in koden och spara filen med tillägget .CSS, till exempel `stil.css`.
- Om du vill spara en JavaScript-fil, använd tillägget .JS, till exempel `skript.js`.
- Spara filerna när du har genomfört dessa steg.
Del 2: Ladda upp filen till Google Drive
- Öppna Google Drive och logga in med ditt Gmail-konto. När du är inloggad, klicka på knappen ”Nytt” och skapa en separat mapp för dina lagrade filer.
- När du har skapat en mapp, klicka på ”Nytt” igen, eller dra filen direkt till mappen, för att ladda upp den.
- Välj den fil du skapade i del 1.
- Efter uppladdningen, klicka på ”Dela”-knappen.
Ändra inställningarna från ”Privat” till ”Offentlig”. Detta är viktigt för att skripten ska fungera korrekt på din webbplats.
Om filerna är privata, krävs tillstånd för varje användare, vilket gör att de inte fungerar som avsett.
Glöm inte att ställa in dem på ”Offentlig” och spara.
- Efter att du har sparat ändringarna, får du en länk till din uppladdade fil. Kopiera denna länk och spara den i ett textdokument för framtida bruk.
Del 3: Använd den lagrade filen i din mall
- Efter att du har följt alla ovanstående steg, har du nu en länk till din lagrade fil, liknande denna:
https://drive.google.com/file/d/0B_1mqJd2tC8qUzRYU0xLT0ZNS1E/edit?usp=sharing
- Observera att denna länk är för delning, inte för att direkt använda den i koden. För att använda filen som en extern källa, måste länken konverteras till ett annat format.
https://googledrive.com/host/Grön-färg-drive-kod-här
- Med dessa ändringar får du nu en länk som du kan använda för att implementera filen i din webbplats. Om du är osäker på hur du använder den i din design, titta på exemplen nedan:
http://googledrive.com/host/0B_1mqJd2tC8qUzRYU0xLT0ZNS1E
För CSS-formatmallar
För JavaScript
- Ersätt ”google-drive-länk-här” med den faktiska länken. Klistra in CSS-länken i din design före <head>-taggen, och JavaScript-länken efter <body>-taggen. Om du använder Blogger, gå till ”Mall” > ”Redigera HTML” och leta efter <head> eller <body>.
Fördelar med att lagra filer på Google Drive
- Google Drive är en produkt från Google, vilket innebär en tjänst med hög kvalitet och en pålitlig plattform.
- Google Drive erbjuder generöst lagringsutrymme. Varje konto får 15 GB gratis, vilket är tillräckligt för många användningsområden. Om utrymmet inte räcker, kan du uppgradera till ett premiumkonto.
- Laddningshastigheten för filer är snabbare än många andra tjänster, tack vare den obegränsade bandbredden och de snabba servrarna som Google erbjuder.
- Plattformen är flexibel och enkel att använda. Du kan lagra en mängd olika filtyper utan begränsningar.
- Slutligen är Google Drive gratis att använda, vilket är en stor fördel.
Behöver du hjälp?
Sammanfattningsvis hoppas vi att denna guide har varit till hjälp. Om du stöter på problem under processen, lämna en kommentar så ska vi göra vårt bästa för att hjälpa dig.