利用github pages五分鐘建好我的網站+我的博客

筆者本身在建我的網站/我的博客的時候其實遇到了很多麻煩,可是都一一解決了,這裏教給你們最簡單的方式。git

首先你須要一個GitHub帳號,訪問https://github.com建立新帳號便可。github

而後訪問https://github.com/Logos23333/Logos23333.github.io 點擊Fork以後,這個項目就會保存到你本身的github上。
0windows

而後更名,個人github名字是logos23333, 選擇Settings,將項目名字改爲username.github.io,這個項目原本就叫logos23333.github.io,也就說你把前面的Logos23333改爲本身的名字就好了。
1api

通過上面幾個步驟,其實你的github pages已經建好了,等待大概一分鐘,你再在本身的瀏覽器上輸入地址username.github.io,這就是你剛剛建好的我的網站了。瀏覽器

怎麼樣,是否是五分鐘就建好了?可是若是想深刻使用網站(好比你尷尬的發現你的網站顯示的是個人名字),請看下面的說明。服務器

關於github pages

我只是建我的網站而已,爲何要我註冊github的帳號?其實你會發現我們建網站的過程其實你一個代碼也沒寫,整個網站就已經出來了,誰幫我們寫的網站代碼?爲何咱們無需購置服務器?markdown

github pages是什麼?想要了解的更清楚能夠去看github pages的官方文檔:https://pages.github.com,簡單的說,就是別人免費爲你提供了服務器,這個服務器提供了300M的免費空間供咱們使用,咱們能夠經過git的相關操做
來寫我的博客/我的網站,並且很重要的一點是,咱們能夠經過 Jekyll 垂手可得的建好本身的我的網站,甚至,咱們連網站代碼都不用寫,直接使用別人寫好的Jekyll主題,就能輕鬆構建網站。分佈式

Jekyll的中文官網:http://jekyllcn.com/post

而你剛纔fork的那個項目,其實就是使用了Jekyll主題 Next (也包括我本身如今的這個網站,也是使用了Next主題)。學習

如何修改網站信息

咱們使用github pages構建本身的我的網站的另一個好處是:咱們能夠直接修改本地倉庫而後經過git的一些操做,直接修改網站內容。

因此,若是你想修改網站內容,有必要學習一些git的一些基本操做。

安裝 git

關於git是什麼,github和git的關係,還有git的更深層次的操做,讀者能夠經過廖雪峯大神的github教程瞭解,我在這裏再也不贅述。
下面是廖雪峯git教程中關於git安裝的內容:

在Windows上使用Git,能夠從Git官網直接下載安裝程序,(網速慢的同窗請移步國內鏡像),而後按默認選項安裝便可。
安裝完成後,在開始菜單裏找到「Git」->「Git Bash」,蹦出一個相似命令行窗口的東西,就說明Git安裝成功!
安裝完成後,還須要最後一步設置,在命令行輸入:
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"
由於Git是分佈式版本控制系統,因此,每一個機器都必須自報家門:你的名字和Email地址。你也許會擔憂,若是有人故意冒充別人怎麼辦?這個沒必要擔憂,首先咱們相信你們都是善良無知的羣衆,其次,真的有冒充的也是有辦法可查的。
注意git config命令的--global參數,用了這個參數,表示你這臺機器上全部的Git倉庫都會使用這個配置,固然也能夠對某個倉庫指定不一樣的用戶名和Email地址。

clone到本地

這一步是將github上的項目clone到本地電腦上:
1.打開本身的github首頁
2.打開名爲username.github.io的項目,複製項目地址。
2
3.clone到本地電腦
win+R輸入cmd打開命令行,輸入git clone https://github.com/Logos23333/Logos23333.github.io.git 這裏的項目地址應該是你在第二步複製下來的,粘貼就好。
按回車執行命令以後你會發如今你當前文件目錄下多出來一個username.github.io文件夾,這個文件夾裏就是你的網站項目相關代碼,接下來,你能夠經過修改這個文件夾裏的相關內容來修改你的網站內容。

修改網站相關信息

在前面已經提過,我使用的是基於Jekyll的Next主題,若是要修改主題,建議閱讀下面給出的Next使用文檔,修改你電腦裏username.github.io文件夾裏的config.yml文件。

Next的github地址:https://github.com/Simpleyyt/jekyll-theme-next
Next的使用文檔:http://theme-next.simpleyyt.com

修改完後,打開命令行,輸入cd username.github.io命令進入文件夾。
輸入git add .
再輸入git commit -m "message"
最後輸入git push即完成了從本地倉庫到遠程github倉庫的推送。

等待幾分鐘後再次鍵入username.github.io網址便可查看已經修改過的主題內容。

寫博客

前面咱們已經學會如何修改主題樣式了,那麼如何發表博客撰寫博文呢?

博文格式

若是想要發表一篇博文,直接在_post文件夾下放置便可,這裏對博文的格式有要求:
1.博文必須爲md格式(markdown語法書寫)
你如今打開_post文件夾,你會發現那裏全是我已經寫好的博文,並且博文所有是.md格式,博文的文件名必須是2018-2-12-name這樣的格式。
2.博文開頭也有格式要求
好比像這樣
---
published: true
title: Web Scraping With Python Chapter 1 Learning notes
category: Python
tags:
- Web Scraping
layout: post
---
published的true或者false屬性是此篇博文的可見性,title是標題,category是目錄,tag是標籤,讀者只需知道每篇博文必須這樣開頭,而後在下面使用Markdown語法書寫博文便可。
3.博文的編碼格式必須是utf-8,不然博文不會顯示。

markdown

關於markdown,其實就是一種書寫語言,很是簡潔並且易上手,具體的markdown語法規則請自行掌握,這裏再也不贅述。

進階設定

換個主題

我以爲這個Next主題很差看,那我怎麼換主題呢,Jekyll主題網站有不少供你選擇的主題,但注意,其實按照通常的流程,使用Jekyll撰寫博客是須要配置不少東西的(尤爲是windows,挺麻煩的),因此你在
網站上下載的主題不能直接使用,你能夠在某個主題的github項目主頁上看誰Fork了此主題,再去Fork此人的項目,以後的流程就跟上面同樣。
再細講一下,其實Next主題已經很簡潔明瞭了,並且還有中文官方文檔說明,若是不想折騰,就直接使用這個主題就行了,若是不滿意,就本身探索一下吧,在Jekyll官網主頁上有很詳細的教你怎麼配置。

換個域名

username.github.io域名太醜了,我想本身買個域名,用這個域名做爲我我的網站的網址,能夠作到嗎?
固然!這裏教你們怎麼在阿里雲上買域名而後和github pages綁定。

這裏我選擇了阿里雲域名,直接Google阿里雲域名進入,註冊(或者使用支付寶帳號登陸)登陸,查詢想要的域名,通常來講.com域名比較貴,.top等域名很便宜,買好域名付完款以後,選擇右上角的控制檯,再在左邊欄選擇域名,
這時候你就看到了你剛纔購買的域名,再選擇解析,而後添加解析,一共要添加三個,具體參照下面的圖片。
3
4
5

最後,在本地項目找到CNAME文件,將其內容修改成你購買的域名,好比我購買的域名是logos23333.top,那麼其內容就是logos23333.top,至此,只要等待域名解析完成,若是你在瀏覽器輸入logos23333.top,就會自動
跳轉到logos23333.github.io。(此過程可能須要等待必定時間)

想要評論區

想要評論區怎麼辦?這裏推薦一個解決方案,使用來必力,以Next主題爲例,建立好來必力帳號後,進入管理頁面代碼管理,複製uid=""雙引號中的內容,打開本身項目中的_config.yml
搜索livere,將剛纔複製的內容粘貼在livere_uid:後面。
6
7
8

實時顯示網站修改後的模樣

常常修改網站主題,可是卻要每次本地push以後才能看到修改後的樣子?想要解決這個問題,你須要在本地配置Jekyll,具體請參考Jekyll官方網站。

相關文章
相關標籤/搜索