技術小白搭建個人博客 ------ hexo+github

前言

為什麼要搭建一個自己的博客呢？ 因為是個技術小白，然後經常在網上瀏覽各種技術博客，總面臨一個問題。那就是每次看過之後就忘了，回過頭來感覺還是沒學到什麼，就像做無用功一樣。俗話說好記性不如爛筆頭，於是決定了。作為一個程序猿，當然也得有一個記錄自己學習工作的一個博客咯！於是谷歌一下，看了一會兒，於是決定採用 Github+hexo 搭建一個屬於自己的博客。

這裡說一下為什麼選擇 Github+hexo 搭建的幾點原因：

  • 1 當然是因為窮啦，Github免費的
  • 2 快速搭建，全程走下來只要差不多一個小時就可以搭建成功了
  • 3 全靜態，支持MarkDown,靜態博客最大的優勢就是沒有資料庫，可以很方便的遷移，也不用擔心安全問題

開始搭建

1 軟體安裝配置

搭建博客，首先需要安裝環境，這裡需要兩個軟體：Git和Nodejs。

Git安裝

網址：git-scm.com/download/wi

Node.js安裝

網址：nodejs.org/en/download/

安裝完成之後，要確認自己是否安裝成功，打開cmd運行下面的命令，有返回信息就是成功的了。

git –version

node -v npm -v

2 安裝hexo

我個人習慣把相關的軟體安裝在一起，所以新建一個文件夾用來安裝hexo,新建一個文件夾 hexo博客 然後打開這個文件夾，剛剛安裝成功了git,在空白地方點擊右鍵，選擇 Git bash here

利用npm命令安裝hexo

npm install hexo-cli -g

安裝完成之後，關掉Git Bash 窗口，然後在hexo博客 文件夾下面新建一個文件夾，這個文件夾就是放hexo跟你以後寫的博客的文件夾，名字隨便你自己取，我的叫username.github.io

進入剛剛你新建的這個文件夾，同樣裡面什麼都沒有，然後右鍵空白地方，選擇 Git bash here ，執行安裝hexo的命令。

hexo init

安裝依賴包

npm install

git部署安裝

npm install hexo-deployer-git --save

到了這裡，該安裝的已經安裝好了，接下來就看看成果吧。

hexo g

hexo s

到瀏覽器輸入 localhost:4000就可以看到頁面內容了。

這個時候看到的是一篇默認的博客：Hello World。

3 把博客部署到Github Pages上去

完成了上面的工作，我們已經可以寫自己的博客了，但是呢，博客只能在自己的本地看得到，別人無法在網上查看你的博客。

接下來我們就要結合Github page的功能讓別人也能看到你的博客。

如果你沒有github的話，首先需要註冊一個github，訪問github，點擊右上角的註冊。

uername 最好都用小寫，因為最後建立的博客地址是：http://username.github.io 郵箱十分重要，GitHub 上很多通知都是發送到你的郵箱的。

創建Repository代碼倉庫

Repository 名字應該是username.github.io。username 就是 你註冊時候的 username。

點擊creat repository

倉庫建好了，接下來就需要把本地的代碼放到這個倉庫裡面。

首先檢查自己的電腦上面有沒有SSH Key,打開cmd輸入下面命令:

cd ~/. ssh

如果返回「No such file or directory」，說明你的電腦上面沒有SSH Key。

生成新的SSH Key

第一步、創建一對新的SSH密鑰(keys)

ssh-keygen -t rsa -C "郵件地址@youremail.com"

輸入回車之後系統會要你輸入密碼：

Enter passphrase (empty for no passphrase):<設置密碼>

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

【提示】輸入密碼的時候，密碼是看不見的，不要慌！

輸入完成後會出現：

Your identification has been saved in /c/Users/you/.ssh/id_rsa.

Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub. The key fingerprint is:

01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db [email protected]

第二步、在GitHub中添加你的公鑰

運行如下命令，將公鑰的內容複製到系統粘貼板(clipboard)中。

clip < ~/.ssh/id_rsa.pub

接下來：

  • 1.登陸GitHub,進入你的Account Settings。
  • 2.選擇SSH Keys
  • 3.粘貼密鑰，添加即可

添加好之後我們還需要測試一下添加的東西有沒有效果。

進入hexo博客這個文件夾，右鍵空白，然後選擇Git bash here，輸入下面的命令：

ssh -T [email protected]

返回：

The authenticity of host GitHub.com (207.97.227.239) cant 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 之後證明添加的東西已經起了效果，接下來我們還需要設置一點東西：

$ git config --global user.name "wuyalan"//輸入註冊時的username

$ git config --global user.email "[email protected]"//填寫註冊郵箱

git會根據用戶的名字和郵箱來記錄提交。GitHub也是用這些信息來做許可權的處理，輸入下面的代碼進行個人信息的設置，把名稱和郵箱替換成你自己的，名字根據自己的喜好自己取，而不是GitHub的昵稱。

第三步、將本地的Hexo文件更新到Github的庫中

上面我們已經把本機跟github的連接通道打通了，現在就是把本地的東西放到我們建的倉庫裡面去。

  • 1.登錄Github打開自己的項目 username.github.io
  • 2.第二步、打開之後，點擊SSH，選擇SSH類型地址

  • 3.第三步、複製地址
  • 4.第四步、打開一開始創建的hexo博客文件夾，用記事本打開剛文件夾下的_config.yml文件
  • 5.第五步、在配置文件里作如下修改，保存 deploy: type: git repository: [email protected]:username/username.github.io.git branch: master
  • 6.第六步、在Hexo文件夾下Git bash here界面執行： hexo g

    hexo d

執行完之後會讓你輸入github的密碼，輸入完後就可以把自己的代碼上傳到GitHub上面了。

如果報錯： ERROR Deployer not found: git，那麼就是你的deployer沒有安裝成功，你需要執行如下命令再安裝一次：

npm install hexo-deployer-git --save

一切正常之後就可以打開瀏覽器，輸入 username.github.io查看了，這個username就是前面建好的那個。

如果得到你想要的效果，那麼恭喜你，博客已經搭建好啦！每一個人都可以通過這個地址訪問到你的博客了。

接下來你就可以隨心所欲的寫各種屬於自己的博客啦，是不是很酷啊。全程走下來大概花費時間在一個小時左右。當然了，搭建不費什麼事情，就是有很多坑注意避免一下就行了，具體原因可以谷歌解決哈~！

朝花夕拾丶?

www.longj.xyz圖標

結語

搭建了屬於自己的博客，還是有一定的成就感的。也把自己搭建的過程寫出來了，當然第一次寫博客還有很多地方不足，雖然內容不是很多，但是寫的時間也很長。其實博客遠不止於此，會搭建之後你還得會寫，使用 MarkDown 進行編寫，我推薦使用Markdown Pad2，我也是使用的這款軟體。博客的樣子還很醜，以後有時間再來慢慢美化。以後的路還很長，所以要認真寫博客，記錄自己的成長。

如果有什麼問題的話，可以通過我博客的聯繫方式聯繫我，也歡迎大家一起交流，一起學習進步。

以下一些工具及學習連接：

Markdown Pad2：pan.baidu.com/s/1JR_0OC 提取碼：xqao

Markdown——入門指南?

www.jianshu.com圖標使用next主題配置博客基本信息 - 掘金?

juejin.im

讓你的Hexo博客華麗升級 - 前端 - 掘金?

juejin.im


推薦閱讀：
相关文章