摘要：

? ? ? ? 本文中我將介紹一下如何在github上搭建個人Blog（博客），也順便讓我們掌握一下github?Pages功能，另外還涉及到Jekyll技術(shù)。

===============================分割線====================================

? ? 在前面的文章中我們已經(jīng)完成了開發(fā)個人博客的所有環(huán)境配置工作，接下來我們就要開始在這些環(huán)境上嘗試搭建我們的第一個個人博客了。

一、創(chuàng)建博客本地書寫目錄：

? ? 打開命令行，定位到本地用于存放博客工程的目錄（可以自定義），然后運行創(chuàng)建jekyll工程目錄的指令“jekyll new "工程文件夾名稱"”創(chuàng)建工程：

? ??

? ? 創(chuàng)建成功后，可以在windows資源管理器下查看此工作目錄，發(fā)現(xiàn)自動創(chuàng)建了一個My_Blog文件夾，且文件夾下生成了一些文件，這些就是博客的基本文件：

? ??

二、啟動jekyll管理進程：

? ? 以上步驟完成了工程的創(chuàng)建，那么接下來我們嘗試啟動jekyll的管理進程（相當于網(wǎng)頁開發(fā)中常用到的apache）,然后在瀏覽器中查看效果。啟動的指令是“jekyll serve”：

? ??

? ? 好事多磨，像這樣的事怎么可能一次性成功嘛，遇到問題沒關(guān)系，解決了就好，其實這是一個很低級的錯誤，我們很容易看出導致錯誤的原因是找不到文件，其實是因為我們沒有進入到工程目錄下再運行指令：

? ??

? ? 正常啟動管理進程后，我們可以看到日志中有服務器訪問地址：http://127.0.0.1:4000/，直接在瀏覽器中訪問此地址，看到如下結(jié)果則表示啟動成功：

三、個性化設置：

? ?由于我們啟動進程之前并未對jekyll自動生成的博客框架進行格式修改，所以顯示出來的結(jié)果都是使用默認值設置的。我們在將第一版博客發(fā)布到github之前，還需要進行一些個性化的設置操作（也可以保留默認設置直接發(fā)布），比如：博客名稱還有個人信息等。

? ? 這些設置的默認值其實是在_config.yml中配置的:

?

? ? 我們可以稍微對這個配置文件做一些修改，由于修改不是實時同步的，而是在啟動進程時讀取之后就不再改變的，所以我們修改完之后，回到命令行按Ctr + C結(jié)束進程，然后再重新啟動管理進程：

? ??

? ? 在瀏覽器刷新一下，可以看到修改內(nèi)容已經(jīng)生效：

?

? ? 我們發(fā)現(xiàn)_config.yml文件只能修改一些邊緣資料的內(nèi)容，而網(wǎng)頁中間的主體部分，其實是在工程根目錄下的index.html的內(nèi)容，我們也可以嘗試修改一些內(nèi)容：

<span style="font-size:18px;">--- layout: default ---<div class="home"><h1 class="page-heading">第一個博客頁面</h1><ul class="post-list">{% for post in site.posts %}<li><span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span><h2><a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h2><h2>{{ post.excerpt }}</h2></li>{% endfor %}</ul><p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p></div></span> ? ? 修改了內(nèi)容的標題和添加一個{{ post.excerpt }}這是內(nèi)容簡介（這是基于liquid的模板語法），它所引用的內(nèi)容其實就是_posts目錄下面.markdown文件中的內(nèi)容，具體的調(diào)用關(guān)系后面再做詳細解析，這里我們只是查看效果：

? ??

總結(jié)

以上是生活随笔為你收集整理的Github+Jekyll —— 创建个人免费博客（四）jekyll第一个页面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。