วิธี HOST ไฟล์ JavaScript หรือ CSS ไว้บน DropBox แบบฟรีๆ

ผมเขียนบล็อกบน Blogger มีปัญหารที่เจอประจำคือ ไฟล์ JS หรือ CSS ที่ผมปรับแต่งเพิ่มเติมนั้น ไม่สามารถอัพโหลดขึ้นไปรวมกับทรีมได้ ผมต้องใส่ลิ้งจากเว็บนอกแทน ซึ่งมันกฌดีที่ไม่ต้องหนักโหลดที่หน้าเว็บเรา แต่ปัญหาคือเมื่อไหร่ที่เว็บนอกตัวนั้น down ไปเว็บเราที่มี dependency กับเค้าจะมีอาการโหลดไม่ขึ้น หรือเว็บช้าลากดิน งานนี้ต้องแก้

แล้วจะเอาไฟล์ไปฝากไว้ที่ไหนดีหล่ะ

โฮสของตัวเองก็ไม่มี ครั้นจะเอาไปวางบน Cloud Storage ก็เปลืองตังโดยใช้เหตุ เพราะคราวเล่นคิดระยะเวลาที่ request ไฟล์ด้วยในการคิดเงิน ผมเลยเลี่ยงมาใช้เว็บฝากไฟล์ฟรีแทน ซึ่งที่ดังเเล้วเป็นที่รู้จักตอนนี้ น่าจะเป็น DropBox

จัดไป DropBox !!

อัพโหลดไฟล์ขึ้นไปเลยครับ เเต่ขอเป็นใน Folder ว่างๆ เพราะเราจะทำเป็น Public Folder เพื่อให้สิทธิคนทั่วไปเข้าถึงได้

หลังจากนั้นคลิกขวาที่ไฟล์ เลือก "Shared" 

แล้วกด "Copy Link"

แล้วเปลี่ยน "www" ให้เป็น "dl" แทนอย่างเช่น

https://www.dropbox.com/s/w39yc90dtkxlq3o/csharp.js?dl=0
เปลี่ยนเป็น
https://dl.dropboxusercontent.com/s/w39yc90dtkxlq3o/csharp.js

เพียงเท่านี้ เราก็สามารถใช้ ไฟล์ได้อย่างสบายใจแล้ว โดยไม่มีติดขัด ถ้าเราไม่ทำ account ของ dropbox ถูกระงับซะก่อนนะ

ทดลองแก้ theme บน blogger

เอาลิ้งไปวางเลยครับ 

ไหนทดสอบสิ อันนี้ ผมทำ syntax highlighter  เอาไว้ซึ่งเรียก js ชื่อ rainbow จากดรอบบ็อก

namespace NerdDinner.Models
{
 using System.Data.Linq;
 using System.Data.Linq.Mapping;
 using System.Data;
 using System.Collections.Generic;
 using System.Reflection;
 using System.Linq;
 using System.Linq.Expressions;
 using System.ComponentModel;
 using System;

 [System.Data.Linq.Mapping.DatabaseAttribute(Name="NerdDinner")]
 public partial class NerdDinnerDataContext : System.Data.Linq.DataContext
 {

  private static System.Data.Linq.Mapping.MappingSource mappingSource = new AttributeMappingSource();

  public NerdDinnerDataContext() :
   base(global::System.Configuration.ConfigurationManager.ConnectionStrings["NerdDinnerConnectionString"].ConnectionString, mappingSource)
  {
   OnCreated();
  }

  public NerdDinnerDataContext(string connection) :
   base(connection, mappingSource)
  {
   OnCreated();
  }

  public NerdDinnerDataContext(System.Data.IDbConnection connection) :
   base(connection, mappingSource)
  {
   OnCreated();
  }

  public NerdDinnerDataContext(string connection, System.Data.Linq.Mapping.MappingSource mappingSource) :
   base(connection, mappingSource)
  {
   OnCreated();
  }
       }
}