diff --git a/_config.yml b/_config.yml
index 34d72a5e6..5a87b3d5f 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,11 +1,11 @@
# ----------------------- #
# Main Configs #
# ----------------------- #
-
-url: http://yoursite.com
-title: Your Awesome Site
-email: your-email@domain.com
-author: Your Name
+baseurl:
+url: http://namsuji.github.io/test
+title: For Web Programmer
+email: 01928abcd@naver.com
+author: Nam
description: > # "Write an awesome description for your new site here.
You can edit this line in _config.yml. It will appear in your document
head meta (for Google search results) and in your feed.xml site
@@ -20,13 +20,17 @@ markdown: kramdown
permalink: pretty
# ----------------------- #
-# 3rd Party Settings #
+# 2nd Party Settings #
# ----------------------- #
social:
- - title: twitter
- url: https://twitter.com/SBootstrap
- title: github
- url: https://github.com/IronSummitMedia/startbootstrap
- - title: linkedin
- url:
+ url: https://github.com/NamSuJi
+ - title: Naver
+ url: https://blog.naver.com/01928abcd
+
+# ----------------------- #
+# category & tag #
+# ----------------------- #
+category_dir: category/
+tag_dir: tag/
diff --git a/_includes/category.html b/_includes/category.html
new file mode 100644
index 000000000..b6790f0f1
--- /dev/null
+++ b/_includes/category.html
@@ -0,0 +1,18 @@
+---
+layout: default
+---
+
+
+ {%assign category = page.category | default: page.title %}
+ {% for post in site.categories[category] %}
+
+ -
+
+
+ {{post.title}}
+
+ {{post.date|date_to_string}}
+
+
+ {%endfor %}
+
diff --git a/_includes/header2.html b/_includes/header2.html
new file mode 100644
index 000000000..2d13d590e
--- /dev/null
+++ b/_includes/header2.html
@@ -0,0 +1,14 @@
+
diff --git a/_includes/js.html b/_includes/js.html
index 4f4c6be5a..ad08cc87b 100644
--- a/_includes/js.html
+++ b/_includes/js.html
@@ -9,3 +9,6 @@
+
+
+
diff --git a/_includes/page_content.html b/_includes/page_content.html
index e4cb1ce3c..579449e59 100644
--- a/_includes/page_content.html
+++ b/_includes/page_content.html
@@ -1,52 +1,15 @@
-
-
-{% for post in site.posts reversed %}
- {% capture thecycle %}{% cycle 'odd', 'even' %}{% endcapture %}
- {% if thecycle == 'odd' %}
-
-
-
-
-
-
-
-
-
{{ post.title }}
-
{{ post.content }}
-
-
-
-
-
-
-
-
-
-
-
- {% else %}
-
-
-
-
-
-
-
-
-
-
{{ post.title }}
-
{{ post.content }}
-
-
-
-
-
-
-
-
-
-
-
- {% endif %}
-{% endfor %}
-
+
+
+
+ {% assign pages_list = site.pages %}
+ {% for node in pages_list %}
+ {% if node.title != null %}
+ {% if node.layout == "category" %}
+ - {{ node.title }}
+ {% endif %}
+ {% endif %}
+ {% endfor %}
+
+
+
diff --git a/_layouts/default.html b/_layouts/default.html
index c815a61b5..05764e5c4 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -3,9 +3,8 @@
{% include head.html %}
- {% include header.html %}
+ {% include header2.html %}
{% include about.html %}
- {% include page_content.html %}
{% include contact.html %}
{% include footer.html %}
{% include js.html %}
diff --git a/category/Github.md b/category/Github.md
new file mode 100644
index 000000000..b0f25c1bf
--- /dev/null
+++ b/category/Github.md
@@ -0,0 +1,5 @@
+---
+layout: category
+title: /category/Github
+permalin: '/category/Github'
+---
diff --git a/category/Java.md b/category/Java.md
new file mode 100644
index 000000000..3803d01d4
--- /dev/null
+++ b/category/Java.md
@@ -0,0 +1,5 @@
+---
+layout: category
+title: /category/Java
+permalin: '/category/Java'
+---
diff --git a/category/Python.md b/category/Python.md
new file mode 100644
index 000000000..cf1ea695e
--- /dev/null
+++ b/category/Python.md
@@ -0,0 +1,5 @@
+---
+layout: category
+title: /category/Python
+permalin: '/category/Python'
+---
diff --git a/css/_header.css b/css/_header.css
new file mode 100644
index 000000000..b45df3ef0
--- /dev/null
+++ b/css/_header.css
@@ -0,0 +1,92 @@
+.menubar{
+border:none;
+border:0px;
+margin:0px;
+padding:0px;
+font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
+font-size:14px;
+font-weight:bold;
+}
+
+.menubar ul{
+background: rgb(109,109,109);
+height:50px;
+list-style:none;
+margin:0;
+padding:0;
+}
+
+.menubar li{
+float:left;
+padding:0px;
+}
+
+.menubar li a{
+background: rgb(109,109,109);
+color:#cccccc;
+display:block;
+font-weight:normal;
+line-height:50px;
+margin:0px;
+padding:0px 25px;
+text-align:center;
+text-decoration:none;
+}
+
+.menubar li a:hover, .menubar ul li:hover a{
+background: rgb(71,71,71);
+color:#FFFFFF;
+text-decoration:none;
+}
+
+.menubar li ul{
+background: rgb(109,109,109);
+display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
+height:auto;
+padding:0px;
+margin:0px;
+border:0px;
+position:absolute;
+width:200px;
+z-index:200;
+/*top:1em;
+/*left:0;*/
+}
+
+.menubar li:hover ul{
+display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */
+}
+
+.menubar li li {
+background: rgb(109,109,109);
+display:block;
+float:none;
+margin:0px;
+padding:0px;
+width:200px;
+}
+
+.menubar li:hover li a{
+background:none;
+}
+
+.menubar li ul a{
+display:block;
+height:50px;
+font-size:12px;
+font-style:normal;
+margin:0px;
+padding:0px 10px 0px 15px;
+text-align:left;
+}
+
+.menubar li ul a:hover, .menubar li ul li:hover a{
+background: rgb(71,71,71);
+border:0px;
+color:#ffffff;
+text-decoration:none;
+}
+
+.menubar p{
+clear:left;
+}
diff --git a/index.html b/index.html
index 658393e72..7b7307ca6 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
---
layout: default
-title: Landing Page
-subTitle: A Template by Start Bootstrap
----
\ No newline at end of file
+title: For Web Programmer
+subTitle: Welcome my site
+---