diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0e588cc
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+# this folder will be created if runs bundle exec jekyll serve commend
+_site/
+
+# ignore gemfile
+Gemfile.lock
\ No newline at end of file
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..8745ddc
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Debug Jekyll",
+            "url": "http://localhost:4000/",
+            "webRoot": "${workspaceFolder}/_site",
+        },
+    ]
+}
\ No newline at end of file
diff --git a/Developer.md b/Developer.md
index ea656ae..9d82e3b 100644
--- a/Developer.md
+++ b/Developer.md
@@ -1,3 +1,7 @@
+---
+nav_exclude: true
+---
+
 # Developer
 
 This article is written in internal, just for convenience.
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..7a47adc
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'github-pages', group: :jekyll_plugins 
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
index 926d57f..94985a0 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,11 +1,19 @@
 # theme
-remote_theme: andy840119/jekyll-tameowder-theme
+remote_theme: andy840119/tameowder-theme
 
 # header
-title: Karaoke ruleset develop progress
-description: it's time to write progress in github
-show_downloads: false
+title: osu!Karaoke
+description: Offical site for karaoke ruleset
+baseurl: "/"
+url: "https://osu-karaoke.github.io"
+
+# Aux links for the upper right navigation
+aux_links:
+  "osu!karaoke on GitHub":
+    - "//github.com/osu-karaoke/"
 
 # navigation
-facebook_url: https://www.facebook.com/OAQaa
 discord_id: 299006062323826688
+
+# Footer content appears at the bottom of every page's main content
+footer_content: "Copyright &copy; 2019-2020 andy840119. Distributed by an <a href=\"https://github.com/osu-karaoke/\">GPL V3 license.</a>"
diff --git a/changelog/2020.0401/README.md b/changelog/2020.0401/README.md
index c239db0..949155f 100644
--- a/changelog/2020.0401/README.md
+++ b/changelog/2020.0401/README.md
@@ -1,3 +1,10 @@
+---
+layout: default
+title: 2020.0401
+parent: ChangeLog
+nav_order: -1
+---
+
 ## Achievement
 
 - Thanks jetbrain to give me free all-pack license for open source using.
diff --git a/changelog/2020.0412/README.md b/changelog/2020.0412/README.md
index bf3b0f2..7fb5833 100644
--- a/changelog/2020.0412/README.md
+++ b/changelog/2020.0412/README.md
@@ -1,3 +1,10 @@
+---
+layout: default
+title: 2020.0412
+parent: ChangeLog
+nav_order: -2
+---
+
 ## Code
 
 - Add [code factor](https://www.codefactor.io/dashboard) into github for code quality checking(but it does not working ;_;)
diff --git a/changelog/2020.0426/README.md b/changelog/2020.0426/README.md
index d9f78c4..cca20a0 100644
--- a/changelog/2020.0426/README.md
+++ b/changelog/2020.0426/README.md
@@ -1,3 +1,10 @@
+---
+layout: default
+title: 2020.0426
+parent: ChangeLog
+nav_order: -3
+---
+
 ## Achievement
 
 - \First post/
diff --git a/changelog/2020.0501/README.md b/changelog/2020.0501/README.md
index 7a96c75..ad120fe 100644
--- a/changelog/2020.0501/README.md
+++ b/changelog/2020.0501/README.md
@@ -1,3 +1,10 @@
+---
+layout: default
+title: 2020.0501
+parent: ChangeLog
+nav_order: -4
+---
+
 ## Achievement
 
 - `Holiday in Taiwan`
diff --git a/changelog/2020.0508/README.md b/changelog/2020.0508/README.md
index 2555bda..2da616a 100644
--- a/changelog/2020.0508/README.md
+++ b/changelog/2020.0508/README.md
@@ -1,3 +1,10 @@
+---
+layout: default
+title: 2020.0508
+parent: ChangeLog
+nav_order: -5
+---
+
 ## Achievement
 
 - Now user can select microphone device in ruleset.
diff --git a/changelog/README.md b/changelog/README.md
new file mode 100644
index 0000000..08302e4
--- /dev/null
+++ b/changelog/README.md
@@ -0,0 +1,8 @@
+---
+layout: default
+title: ChangeLog
+has_children: true
+nav_order: 1
+---
+
+# Change logs
\ No newline at end of file
diff --git a/index.md b/index.md
index fd87e79..830206c 100644
--- a/index.md
+++ b/index.md
@@ -1,5 +1,9 @@
-# karaoke develop progress
+---
+layout: default
+title: Hello karaoke!
+nav_order: 0
+---
 
-The latest `progress/idea/bug fixed` will be written in here.
+# Hello karaoke!
 
-see what's [changelog](https://osu-karaoke.github.io/changelog) goes on.
\ No newline at end of file
+This website record most of change about karaoke ruleset.