咳咳,如果你想要公開你的博客。買域名還是要錢滴,我不會告訴你我花了一塊錢。
網上關于這方面的素材已然不少,但是我還是想跟大家講講,一是談談感受,二是推薦下NexT主題。我的個人博客也是最近幾天搭建好的,你可以通過點擊查看主題效果。
搭建博客
首先需要創建一個github
賬號,官方網址在這里。
操作很簡單,相信你沒問題。
第二步是fork
我的主題,地址點擊這里。右上角有個大大的Fork
按鈕,點擊它,沒錯,點它。這樣等一下,github
嘟嘟嘟就把我的所有內容傳到你的資源包里去了。
第三步,把資源包的名字改掉。改成根據創建賬號用戶名+github.io。像我的用戶名是ShixiangWang
,名字就該是ShxiangWang.github.io
。如下圖,在Settings
里面改變然后點擊Rename
即可。
這樣你的博客框架已經搭好了,可以在瀏覽器輸入用戶名.github.io
查看。
如果你覺得這個主題不行,那我無話可說。你可以上Jekyll Themes
找個你喜歡的,找到它的github
地址Fork
之后改名;或者下載所有的文件把ShixiangWang.github.io
下的文件全部刪掉,把你喜歡的資源包拷貝進去。這個過程如果你在瀏覽器上操作比較麻煩,如果是Windows
用戶或者Mac
用戶可以下載Github桌面版進行操作:先把你的資源庫Fork到本地,然后修改(刪掉所有的內容,把你下載的主題資源包內容拷貝進去),然后上傳到倉庫(Commit
后Push
)。
具體軟件的使用可以參考這個知乎鏈接。使用Linux的朋友多少對git有些概念,直接使用git對github倉庫進行操作并不困難,相信你們能夠搞定,不會的話網上也有一大堆開源博文等著你。我之前也整理過一篇git使用手冊。
修改主題配置
關于NexT主題的使用,README文檔里有詳細的介紹和配置文檔鏈接。我是從https://github.com/Simpleyyt/jekyll-theme-next那里Fork過來的,如果有問題你可以建立issue
進行交流。當然你也可以Fork他的,因為我的主題已經參考使用文檔做了一些自定義修改,所以有一些不同。
如果Fork我的主題,你看到的就是我個人博客顯示的那樣。你只需要改些跟自己有關愛好、涉及賬號的東西就可以了。當然你可以根據使用文檔一步一步的修改和調試,跟著做就行了。
如果是Fork我的,請修改以下內容,具體操作參考使用文檔:
開始使用專欄里:
設置 頭像
設置 作者昵稱
站點描述
主題配置專欄里:
側邊欄社交鏈接
開啟打賞功能
第三方服務專欄里:
來必力
百度統計
公開博客
這一部分就是為你的Github
個人博客綁定域名。就像我的域名是flypeom.site,你在瀏覽器輸入它,瀏覽器能夠找到它的ip地址,從而打開你的博客主頁。
雖然在Internet上可以訪問我們的網站,但是網址是GitHub提供的:http://xxxx.github.io*
"); background-size: cover; background-position: 0px 2px;">* (知乎排版可能會出現"http://"字樣) 而我們想使用我們自己的個性化域名,這就需要綁定我們自己的域名。這里演示的是在阿里云萬網的域名綁定,在國內主流的域名代理廠商也就阿里云和騰訊云。登錄到阿里云,進入管理控制臺的域名列表,找到你的個性化域名,進入解析
然后添加解析
包括添加三條解析記錄,192.30.255.112是GitHub的地址,你也可以ping你的 http://xxxx.github.io 的ip地址,填入進去。第三個記錄類型是CNAME,CNAME的記錄值是:你的用戶名這里千萬別弄錯了。第二步,登錄GitHub,進入之前創建的倉庫,點擊settings,設置Custom domain,輸入你的域名。
以上內容引自:GitHub+Hexo 搭建個人網站詳細教程
所謂的Ping地址,Windows可以用菜單鍵+R鍵入cmd進入終端/Linux直接打開終端,鍵入:
ping xxx.github.io #把xxx改成你的用戶名
可以看到返回結果(比如下面我的)里面包含ip地址,這就是你在添加解析時需要填入的。
wsx@wsx-ubuntu:~$ ping ShixiangWang.github.io
PING sni.github.map.fastly.net (151.101.193.147) 56(84) bytes of data.
64 bytes from 151.101.193.147: icmp_seq=1 ttl=48 time=60.7 ms
64 bytes from 151.101.193.147: icmp_seq=2 ttl=48 time=60.3 ms
64 bytes from 151.101.193.147: icmp_seq=3 ttl=48 time=60.2 ms
64 bytes from 151.101.193.147: icmp_seq=4 ttl=48 time=60.1 ms
64 bytes from 151.101.193.147: icmp_seq=5 ttl=48 time=60.1 ms
64 bytes from 151.101.193.147: icmp_seq=6 ttl=48 time=60.1 ms
最后在資源的最外層創建一個CNAME
文本文件,記住不要后綴,在里面填入域名即可。
下圖可以看到我的資源里有這個文件:
看看里面的內容吧:
里面就一行字符,寫的就是域名。
寫博客
上述配置完后,剩下你需要關心的只有寫博文了。博文的書寫需要遵循一定的要求,包括3方面:
- 頭信息
- 博文內容
- 文件名
頭信息是需要遵循YAML語法的一些信息,書寫在文件的頭部。內容可以有很多,它的格式如下:
---
layout: post
title: This is my first blog
---
這是符合YAML語法的頭信息,它用來讓Jekyll正確解析該文件的內容。比如說layout
指定了這是一篇博文,title
指定了題目。
常用的有以下幾個鍵值對:
---
title: My blog title
date: 2017-08-11
categories:
- life
- more
tags:
- blog
- post
---
date
指定了文章寫作日期;categories
指定了文章放置的目錄;tags
指定文章標簽。這些信息書寫后,Jekyll會自動將你的文章按時間順序收錄和生成標簽云。是不是很贊~關于Jekyll以及YAML的相關知識,可以查看官方中文文檔喔。
博文的內容需要服從Markdown語法。正文的話就直接打就行了,但是像標題,斜體,下劃線等等的實現符合使用Markdown語法。Markdown非常簡單易學,也非常流行,各大編程相關的網站(像Biostar, Stack overflow)都基本支持,簡書也支持。想要了解的朋友可以查看https://github.com/ShixiangWang/README,或者依賴搜索引擎查閱相關資料。
博文存檔時的文件名需要符合特定的格式要求:可以是.md
文件和.html
文件。如果是前者,Jekyll會自動將它解析成網頁。命名則是xxxx-xx-xx-*.md
,其中xxxx-xx-xx
需要填入書寫博文的時間,比如今天應該書寫為2017-08-11
,*
指代可以填入任意內容,用以區分文件。.md
表示是Markdown文件。
文章內容已經寫完了,有什么疑問歡迎和我交流。能力所限,難免有所遺漏,大家多多包涵。
感覺NexT主題很不錯,非常簡約,本人十分喜歡。如果你也喜歡它,也想搭建這樣的博客,就一起來吧。你可以看到我是兩天前開始弄的,現在就已經在這里給你們寫經驗了。其實非常簡單, 我自己摸索還走了不少彎路。Come on.
博文鏈接:http://www.flypeom.site/documentation/2017/08/11/FreeBlog-by-using-GithubPage/