一小時搭建個人博客網站
簡單粗暴,先上鏈接
馬騰的博客
本教程只為自己記錄和純小白設計,歡迎技術大神指點。
前言
一直在網絡上的寫作空間周轉,斷斷續續的換了好多平臺,從新浪博客到lofter到點點到微信公眾平臺,但是心中還是有著自己搭個網站的想法。
在五月份開始開始著手這件事,最終還算有個不錯的成品出現,將文章替換,替換圖片,這個也算是打上了自己的印記。
本來這是很簡單的事情,但是礙于我純技術小白的背景,結果在一些地方浪費了好多時間,好在折騰的勁頭還是有的,記錄一下過程,有同樣想法的同學可以參考。
建站選擇
個人博客現在有很多方法可是實現,對于沒什么編程經歷的來說,這幾種簡直是最適合的:
-
FarBox
簡單粗暴的方式,用錢來解決。只要不多的錢,你就能得到一個簡潔易用的博客,這絕對是最好的方式,別忘了可以用錢解決的問題就不要浪費其他資源
要是要我重新開始,我選這個。 Hexo - Node.js blog framework
用 Node.js 搭建的博客平臺,速度快,免費,同樣搭建在 Github 上。操作比 Jekyll 簡單,命令少,易于記憶。 安裝好像也簡單一點。這個選擇也比我的優秀,細心的同學也許會發現,李笑來就是用hexo搭建的。
這種也比我的方式簡單。gitpage+jekyll 搭建
好了,我們主要講這種,也是我選用的方式。
借用那么多優秀工程師的開源資源,我們可以和簡單地搭建出自己的博客,感謝他們的無私分享。
建站過程
申請賬號
因為這些都是借用了git提供的gitpage服務,所以我們要先申請個git賬號。
github 真實個好東西。
這個過程很簡單,不做多說。
挑選模版
jekyll的模版很多,簡潔,適合單純地寫作,同時因為是靜態博客容易被谷歌爬取,很容易被檢索到。
你可挑選這些模版同時,也有網友替我們做了初步的篩選,Jekyll 博客主題精選,我們要做的就是選一個自己喜歡的。
fork源碼
找好了博客,進入作者的github頁面,我們點一下fork就可以得到別人精心制作的源碼。
!
這樣以后你就建立了一個項目,如下圖
這里有個注意點:
你在github的昵稱要和項目一樣,這是個容易出現問題的地方。
點擊項目下冊的“setting”修改項目的名稱為“xxxx.github.io”。
xxxx是你的昵稱
必須這樣:
然后你訪問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更新的方式,如下
就像在后臺更新。
當然,你也可以通過github桌面端的方式同步進行版本管理。桌面端下載鏈接
綁定域名+堅持寫下去
倘若為了追求個人品牌的最大化,我們可以去購買域名,然后綁定到剛剛建立的博客上。
我在阿里云購入域名,使用的也是免費的解析,這些其實并不太重要。
最重要的是:
堅持書寫,堅持更新
在尋找模版的過程中,見過太多只有幾篇的博客,也許是主人在建好以后沒有了書寫的興趣。
這違背了我們建站的初衷,堅持不斷地更新,這才是最有用的。
致謝
感謝在建站過程中的優秀教程,主要參考如下:
打造你的 GitHub Pages 專屬博客(小白教程)
Jekyll 博客主題精選
使用Github Pages建獨立博客
感謝黃玄博客我fork的他的博客,簡潔優雅,很漂亮。
也感謝給我提供幫助的geno1024,一個計算機專業的姑娘,她以后絕對是笑來說的“女神”!