diff --git a/.gitignore b/.gitignore
index f6c8d5d..2820442 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,5 +19,5 @@ backups/
 
 # ignore config files
 config.json
-public/js/common.js
+public/js/config.js
 .sequelizerc
diff --git a/README.md b/README.md
index 3443e1d..ea3ab5a 100644
--- a/README.md
+++ b/README.md
@@ -83,10 +83,10 @@ There are some configs you need to change in the files below
 
 ```
 ./config.json			--- for server settings
-./public/js/common.js	--- for client settings
+./public/js/config.js	--- for client settings
 ```
 
-Client settings `common.js`
+Client settings `config.js`
 ---
 
 | variables | example values | description |
@@ -148,7 +148,7 @@ Third-party integration api key settings
 | ------- | --------- | ----------- |
 | facebook, twitter, github, gitlab, dropbox, google | `config.json` | for signin |
 | imgur | `config.json` | for image upload |
-| google drive, dropbox | `public/js/common.js` | for export and import |
+| google drive, dropbox | `public/js/config.js` | for export and import |
 
 Third-party integration oauth callback urls
 ---
diff --git a/bin/setup b/bin/setup
index 66279e8..8cd20dc 100755
--- a/bin/setup
+++ b/bin/setup
@@ -25,8 +25,8 @@ if [ ! -f config.json ]; then
   cp config.json.example config.json
 fi
 
-if [ ! -f publis/js/common.js ]; then
-  cp public/js/common.js.example public/js/common.js
+if [ ! -f publis/js/config.js ]; then
+  cp public/js/config.js.example public/js/config.js
 fi
 
 if [ ! -f .sequelizerc ]; then
@@ -43,7 +43,7 @@ Edit the following config file to setup hackmd server and client.
 Read more info at https://github.com/hackmdio/hackmd#configuration-files
 
 * config.json           -- server config
-* public/js/common.js   -- client config
+* public/js/config.js   -- client config
 * .sequelizerc          -- db config
 
 EOF
diff --git a/public/js/common.js.example b/public/js/common.js
similarity index 91%
rename from public/js/common.js.example
rename to public/js/common.js
index 11c32ac..a14e6fc 100644
--- a/public/js/common.js.example
+++ b/public/js/common.js
@@ -1,14 +1,4 @@
 //common
-var domain = ''; // domain name
-var urlpath = ''; // sub url path, like: www.example.com/<urlpath>
-//settings
-var debug = false;
-
-var GOOGLE_API_KEY = '';
-var GOOGLE_CLIENT_ID = '';
-
-var DROPBOX_APP_KEY = '';
-
 var port = window.location.port;
 var serverurl = window.location.protocol + '//' + (domain ? domain : window.location.hostname) + (port ? ':' + port : '') + (urlpath ? '/' + urlpath : '');
 var noteid = urlpath ? window.location.pathname.slice(urlpath.length + 1, window.location.pathname.length).split('/')[1] : window.location.pathname.split('/')[1];
diff --git a/public/js/config.js.example b/public/js/config.js.example
new file mode 100644
index 0000000..197d18f
--- /dev/null
+++ b/public/js/config.js.example
@@ -0,0 +1,10 @@
+//config
+var domain = ''; // domain name
+var urlpath = ''; // sub url path, like: www.example.com/<urlpath>
+//settings
+var debug = false;
+
+var GOOGLE_API_KEY = '';
+var GOOGLE_CLIENT_ID = '';
+
+var DROPBOX_APP_KEY = '';
\ No newline at end of file
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 9328ac9..0397317 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -75,6 +75,7 @@
 <script src="<%- url %>/vendor/keymaster/keymaster.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
+<script src="<%- url %>/js/config.js" defer></script>
 <script src="<%- url %>/js/common.js" defer></script>
 <script src="<%- url %>/js/extra.js" defer></script>
 <script src="<%- url %>/js/render.js" defer></script>
diff --git a/public/views/index.ejs b/public/views/index.ejs
index f5f848e..61544c8 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -205,6 +205,7 @@
     <script src="<%- url %>/vendor/file-saver/FileSaver.min.js" defer></script>
     <script src="<%- url %>/vendor/store-js/store.min.js" defer></script>
     <script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
+    <script src="<%- url %>/js/config.js" defer></script>
     <script src="<%- url %>/js/common.js" defer></script>
     <script src="<%- url %>/js/history.js" defer></script>
     <script src="<%- url %>/js/cover.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 2546b1a..7af474a 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -127,6 +127,7 @@
 <script src="<%- url %>/vendor/viz.js/viz.js" defer></script>
 <script src="<%- url %>/vendor/pdfobject/pdfobject.min.js" defer></script>
 <script src="<%- url %>/vendor/md-toc.js" defer></script>
+<script src="<%- url %>/js/config.js" defer></script>
 <script src="<%- url %>/js/common.js" defer></script>
 <script src="<%- url %>/js/extra.js" defer></script>
 <script src="<%- url %>/js/render.js" defer></script>
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index 3c5498c..a001637 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -122,6 +122,7 @@
         <script src="<%- url %>/vendor/viz.js/viz.js" defer></script>
         <script src="<%- url %>/vendor/pdfobject/pdfobject.min.js" defer></script>
         <script src="<%- url %>/vendor/md-toc.js" defer></script>
+        <script src="<%- url %>/js/config.js" defer></script>
         <script src="<%- url %>/js/common.js" defer></script>
         <script src="<%- url %>/js/extra.js" defer></script>
         <script src="<%- url %>/js/render.js" defer></script>