簡單搭建我的博客

  最近在網上看到了一篇搭建我的博客的文章,也但願能擁有一個本身搭建的博客,因而在本身的博客搭建完成以後,將搭建博客的過程、遇到的坑以及解決思路記錄下來分享給你們,但願能夠幫助到更多人。要查看效果可點擊:http://pursue321.github.io/ 查看。html

1、安裝準備軟件

依次下載安裝。node

2、註冊GitHub

訪問:http://www.github.com/git

3、配置SSH keys

SSH keys用於讓本地git項目與遠程的github創建聯繫。github

1、檢查SSH keys的設置

$ cd ~/. ssh  //檢查本機的ssh密鑰

若是提示:No such file or directory 說明你是第一次使用git。shell

2、生成新的SSH Key

$ ssh-keygen -t rsa -C "郵件地址@youremail.com"  // 注意:輸入你的郵箱帳號,C是大寫

 返回結果以下:npm

Generating public/private rsa key pair.

Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車>

系統要求輸入密碼:瀏覽器

Enter passphrase (empty for no passphrase):<輸入加密串>

Enter same passphrase again:<再次輸入加密串>

注意:這裏輸入密碼和再次輸入時,終端不會顯示任何字樣,直接輸入就能夠了bash

在回車中會提示你輸入一個密碼,這個密碼會在你提交項目時使用,若是爲空的話提交項目時則不用輸入。這個設置是防止別人往你的項目裏提交內容。markdown

最後看到這樣的界面,就成功設置ssh key了:hexo

 

3、添加SSH Key到GitHub

在本機設置SSH Key以後,須要添加到GitHub上,以完成SSH連接的設置。

一、打開本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub文件。此文件裏面內容爲剛纔生成的密鑰。若是看不到這個文件,你須要設置顯示隱藏文件。準確的複製這個文件的內容,才能保證設置的成功。

二、登錄github系統,點擊右上角的三角形,點擊 Settings

    

選擇SSH keys

 

 add ssh keys

 

 

三、把id_rsa.pub裏的密鑰複製到key文本框中,點擊 add key

 

  

 

4、測試

$ ssh -T git@github.com // git@github.com的部分不要修改:

 若是反饋以下:

The authenticity of host 'github.com (207.97.227.239)' can't be established.

RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.

Are you sure you want to continue connecting (yes/no)?

輸入yes,而後會看到:

Hi! You've successfully authenticated, but GitHub does not provide shell access.

5、設置用戶信息

如今你已經能夠經過SSH連接到GitHub了,還有一些我的信息須要完善。

Git會根據用戶的名字和郵箱來記錄提交。GitHub也是用這些信息來作權限的處理,輸入下面的代碼進行我的信息的設置,把名稱和郵箱替換成你本身的,名字必須是你的真名,而不是GitHub的暱稱。

$ git config --global user.name "puooo"//用戶名

$ git config --global user.email  "puooo@gmail.com"//填寫本身的郵箱

4、github上創建倉庫

登陸後系統,在github首頁,點擊頁面右下角「New Repository」

 

填寫項目信息:

project namepursue321.github.io

description Writing 1000 Words a Day Changed My Life

//注:Github Pages的Repository名字是特定的,好比我Github帳號是pursue321,那麼我Github Pages Repository名字就是pursue321.github.io。

點擊「Create Repository」 完成建立。

5、使用Hexo

Hexo是一個簡單、快速、強大的博客發佈工具,支持Markdown格式。

1、安裝Hexo

打開git。

  

輸入命令:
$ npm install -g hexo

2、部署Hexo

在個人電腦中創建一個名字叫「Hexo」的文件夾,而後在此文件夾中右鍵打開Git Bash。

輸入命令:
$ hexo init

會自動在hexo文件夾創建網站所須要的全部文件。

如今咱們已經搭建起本地的hexo博客了,執行如下命令(在H:\hexo),而後到瀏覽器輸入localhost:4000看看。

$ hexo g
$ hexo s

3、更換主題

一、克隆其餘人的主題

$ git clone https://github.com/wuchong/jacman.git themes/jacman

//地址可更換

二、啓用本身的主題

  修改Hexo根目錄下的config.yml配置文件中的theme屬性,將其設置爲jacman。

   

三、在git bash上更新主題

 $ cd themes/jacman   //注意當前是否處於hexo 根目錄下,cd../命令 可返回上一層級

  $ git pull

四、使用與調試

$ hexo g #生成

$ hexo s #啓動本地服務,可在輸入網址localhost:4000進行預覽

 

6、將本地項目部署到github上

  先修改hexo根目錄下的config.yml 文件 //修改文件時注意先備份,避免修改錯誤帶來的坑,

 

  而後在git Bash 命令行裏輸入命令:

 hexo g   //生成
 hexo d  //發佈到github上

或者直接做用組合命令 :

$ hexo d -g

 

7、修改主題風格

 若是你跟我同樣懶,那麼克隆優秀的博客主題而後修改爲本身喜歡的樣式不失爲一個好方法。這裏將比較經常使用的修改列出來:

一、打開Hexo文件夾,打開根目錄下的_config.yml文件

//注意:一、最好不用筆記本打開,比較亂,修改容易出錯;二、是根目錄下的_config.yml文件,不是某個主題下的該文件

網站標題及描述:

# Site

title: the blog of xmx #網站標題

subtitle: 今天能作的事,不要拖到明天去作 

description: 學習總結 思考感悟 知識管理 #網站描述,不顯示在頁面上

author: xmx

language: zh-CN #設置語言

更換主題:前面已經提過,這裏不累贅

theme: jacman //更換成你本地喜歡的主題

二、打開Hexo文件夾,打開themes文件夾下jacman主題裏的_config.yml文件

修改菜單:

##### Menu 能夠在菜單裏添加欄目個數或者修改欄目名稱

menu:

  Home: /

  Archives: /archives

  About: /about

修改Rss訂閱:

#### RSS

rss: http://github.com/pursue321.atom## RSS address.

更換相關圖片:

#### Image

imglogo:

  enable: true             ## display image logo true/false.

  src: img/logo.png        ## `.svg` and `.png` are recommended,please put image into the theme folder `/jacman/source/img`.

favicon: img/favicon.ico   ## size:32px*32px,`.ico` is recommended,please put image into the theme folder `/jacman/source/img`.    

apple_icon: img/jacman.jpg ## size:114px*114px,please put image into the theme folder `/jacman/source/img`.

author_img: img/author.jpg ## size:220px*220px.display author avatar picture.if don't want to display,please don't set this.

更換主題顏色:

theme_color:

    theme: '#33CC99'    ## the defaut theme color is blue

更改做者信息:

#### Author information

author:

  intro_line1:  "Hello ,I'm xmx.This is my blog on github. "    ## your introduction on the bottom of the page

  intro_line2:  "Do what you say and say what you do."  ## the 2nd line

  weibo: xmixue  ## e.g. wuchong1014 or 2176287895 for http://weibo.com/2176287895 //這裏能夠是個性域名或者微博帳號,不是詳細網址

  tsina: 3941548463      ## e.g. 2176287895  Your weibo ID,It will be used in share button.

  zhihu: Xmixue      ## e.g. jark  for http://www.zhihu.com/people/jark //這裏與weibo同理

  email: 1499129662@qq.com      ## e.g. imjark@gmail.com

  github: pursue321    ## e.g. wuchong for https://github.com/wuchong // 不是具體網址

更改相關連接:

#### Links

links:                              

  博客園: http://home.cnblogs.com/u/mixue/

  My Blog: http://pursue321.github.io/

 

8、發佈文章

 在上面發表文章與其餘博客平臺(好比:博客園、CSDN等平臺)不一樣,咱們沒法在該頁面上找到發表文章的按鈕,而是須要在本地寫好markdown格式的文件而後發佈到github上就能夠在你的博客上查看到發表過的文章了。

一、打開編輯器,用markdown的語法標記在本地寫好文章內容。

    markdown的語法特別簡單,在個人下一篇博客會有說明 

    我用的編輯器是Sublime Text,我的以爲用着還比較方便

二、保存文件。須要注意兩點:

     保存的路徑爲 Hexo根目錄下找到source文件夾,而後打開_posts文件夾,保存到_posts文件夾下。

     保存文件的後綴名爲.md文件

 三、找到Hexo 文件夾,右擊點擊Git bash ,在命令行輸入:

  $ hexo g
  $ hexo s  

 在瀏覽器網址欄輸入localhost:4000查看本地項目,肯定無誤後 ,在命令行輸入:

$ hexo d     

   注意:若是在預覽本地博客後,hexo還在4000端口運行,這時沒法輸入有效命令,像這樣:

  這時先要Ctrl+c中止hexo在4000端口的運行,才能輸入命令。

  到如今爲止,你的博客就基本成型了,是否是很簡單呢?心動不如行動,趕忙本身去試試吧。

相關文章
相關標籤/搜索