一小時搭建自己的個人博客

一小時搭建個人博客網站

簡單粗暴,先上鏈接
馬騰的博客

本教程只為自己記錄和純小白設計,歡迎技術大神指點。

前言

一直在網絡上的寫作空間周轉,斷斷續續的換了好多平臺,從新浪博客到lofter到點點到微信公眾平臺,但是心中還是有著自己搭個網站的想法。

在五月份開始開始著手這件事,最終還算有個不錯的成品出現,將文章替換,替換圖片,這個也算是打上了自己的印記。

本來這是很簡單的事情,但是礙于我純技術小白的背景,結果在一些地方浪費了好多時間,好在折騰的勁頭還是有的,記錄一下過程,有同樣想法的同學可以參考。

建站選擇

個人博客現在有很多方法可是實現,對于沒什么編程經歷的來說,這幾種簡直是最適合的:

  • FarBox
    簡單粗暴的方式,用錢來解決。只要不多的錢,你就能得到一個簡潔易用的博客,這絕對是最好的方式,別忘了

    可以用錢解決的問題就不要浪費其他資源
    要是要我重新開始,我選這個。

  • Hexo - Node.js blog framework
    用 Node.js 搭建的博客平臺,速度快,免費,同樣搭建在 Github 上。操作比 Jekyll 簡單,命令少,易于記憶。 安裝好像也簡單一點。這個選擇也比我的優秀,細心的同學也許會發現,李笑來就是用hexo搭建的。
    這種也比我的方式簡單。

  • gitpage+jekyll 搭建
    好了,我們主要講這種,也是我選用的方式。
    借用那么多優秀工程師的開源資源,我們可以和簡單地搭建出自己的博客,感謝他們的無私分享。

建站過程

申請賬號

因為這些都是借用了git提供的gitpage服務,所以我們要先申請個git賬號。

點擊github申請賬號

github 真實個好東西。

這個過程很簡單,不做多說。

挑選模版

jekyll的模版很多,簡潔,適合單純地寫作,同時因為是靜態博客容易被谷歌爬取,很容易被檢索到。

你可挑選這些模版同時,也有網友替我們做了初步的篩選,Jekyll 博客主題精選,我們要做的就是選一個自己喜歡的。

fork源碼

找好了博客,進入作者的github頁面,我們點一下fork就可以得到別人精心制作的源碼。

這樣以后你就建立了一個項目,如下圖


Alt text

這里有個注意點:

你在github的昵稱要和項目一樣,這是個容易出現問題的地方。

點擊項目下冊的“setting”修改項目的名稱為“xxxx.github.io”

xxxx是你的昵稱

必須這樣:


Alt text

然后你訪問xxxx.github.io便可以了,這就是你的博客了。

如果沒有成功,請稍等一會,解析可能在路上。或者將文檔中的“CNAME”修改為空白或刪除。

不過你還需要下一步,不斷的修改完善。

完善修改

我們fork的博客目錄主要有這些,這就需要我們慢慢修改了。

目錄文檔詳細說明。如下:

_config.yml 博客配置文檔(包括博客標題、favicon、博主 ID、頭像、描述、聯系方式等基本信息都在這個文檔添加或修改);
index.html 博客架構文檔;

_includes 博客調用的網頁模塊(比如導航欄、底欄、博文內容顯示、評論模塊等),一般不需要管;

_layouts 存放博客調用的頁面模板文件(比如博客主頁、具體博文頁)的文件夾;

css 存放博客系統的頁面渲染文檔文件夾,主要用于調節諸如標題字體、博文字體大小顏色之類;

js 存放博客調用的 JS 文檔文件夾

_posts 博客正文存放的文件夾。命名有規定,必須為「日期 + 標題」的模式,即「2015-04-27-Like-Kissing.md」,才能發布到博客里;

images 圖片文件夾,存放博客相關素材,包括博客 favicon、博主頭像等圖片及博文貼圖素材;

CNAME 用于綁定個人域名的文檔;

404.html 「404 Not Found.」站點鏈接無法訪問時的提示頁面。

About.html 博客中的個人說明文檔(About Me),以 html、md 格式為主;

feed.xml 博客的 RSS 訂閱;

README.md 項目說明文檔。用于 Github 個人項目主頁的說明(描述)。

修改要點:

  • 保持尺寸的維持原狀
  • 保證文件名的修改統一

程序出現一點差錯就會失敗。

撰寫博文

ok,修改完了這些,讓我們一起寫下第一篇文章。
按照上面說的,我們的博客在

**_posts **文件夾

打開觀察,里面的文件是md格式,也就是我們需要的Markdown樣式的。

其命名也要遵循標準:

2015-04-27-my-blog.md

每篇文章前都有博文代碼:

layout 一般不用改;
Title 一項是必須添加的;
Categories 目錄可以換,但如果不是要多重分類,一般也不用管,這篇歸檔在 Blog 目錄下;
Tags 可以自己按照文章主題添加,也可以不加,不同的 Tags 直接用英文逗號加半角空格間隔開;
description 博文概述,一句話概述,一般添加會好些。

然后保存起來就可以啦!

同步到網絡

因為我一直沒有在本地安轉jekyll環境,采用直接在github更新的方式,如下


Alt text

就像在后臺更新。

當然,你也可以通過github桌面端的方式同步進行版本管理。桌面端下載鏈接

綁定域名+堅持寫下去

倘若為了追求個人品牌的最大化,我們可以去購買域名,然后綁定到剛剛建立的博客上。

我在阿里云購入域名,使用的也是免費的解析,這些其實并不太重要。

最重要的是:

堅持書寫,堅持更新

在尋找模版的過程中,見過太多只有幾篇的博客,也許是主人在建好以后沒有了書寫的興趣。

這違背了我們建站的初衷,堅持不斷地更新,這才是最有用的。

致謝

感謝在建站過程中的優秀教程,主要參考如下:
打造你的 GitHub Pages 專屬博客(小白教程)
Jekyll 博客主題精選
使用Github Pages建獨立博客

感謝黃玄博客我fork的他的博客,簡潔優雅,很漂亮。

也感謝給我提供幫助的geno1024,一個計算機專業的姑娘,她以后絕對是笑來說的“女神”!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,622評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,716評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,746評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,991評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,706評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,036評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,029評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,203評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,725評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,451評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,677評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,161評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,857評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,266評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,606評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,407評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,643評論 2 380

推薦閱讀更多精彩內容