保姆級教程--如何使用github來搭建自己的博客

現在的好多面試的崗位要求裏,都會有這麼一項:

如有Github或技術博客,請提供(加分)

說明你的博客也已經走入了面試的環節,好的博客能爲你增加面試優勢,也能記錄你的學習歷程。那麼除了正常搭建博客外,我們還可以使用 Github + hexo 來搭建一個屬於自己的免費博客。

首先,咱們使用 Hexo 來搭建博客,這是一個快速生成博客的工具,使用 node 來進行安裝下載。

1.全局安裝 hexo-cli

npm install hexo-cli -g

2.怎麼證明你安裝成功了?

hexo -v

3.安裝完成之後,我們再新建一個文件目錄(建哪兒,取名這種問題就不要問了,你開心就好)。
4.之後在此目裏內打開命令行來初始化博客

hexo init

5.初始化成功以後,我們就可以使用 hexo server 來啓動博客了,當然這裏只是啓了一個本地服務。
6.啓動後,打開瀏覽器輸入localhost:4000 來查看博客。
7.那這裏寫博文的時候,記得用 Markdown(推薦一款軟件 Typora)。
8.新的博客會提示你幾個常用的命令:

// 新建一篇博客
hexo new "My New Post"
// 啓動博客
hexo server  // (可簡寫爲s)
// 新建博客後生成博客
hexo generate  // (可簡寫爲g)

9.那以上都是在本地做測試用,下面我們要將博客部署到遠端。這裏有一種免費的方式就是部署到 github 上去,之後就使用 github 的地址來訪問咱們的博客。
10.登錄自己的 github ,然後新建一個倉庫,名字一定要是: 你gitbub暱稱 + .github.io。例如:foxhsx.github.io
11.創建好以後咱們回到之前的博客目錄,並安裝一個部署用的插件:

npm install hexo-deployer-git --save

12.安裝好以後我們再去打開當前目錄下的_config.yml文件:

  1. 劃到最底部有一個 deployment 屬性,需要在這裏去做一些配置
  2. 在 type 那裏寫上 git ,然後再在下面一行添加: repo: 剛纔你設置的 github 倉庫地址,並且在下面再寫上分支: branch: master

13.部署到遠端:

hexo deployer // (可簡寫爲 hexo d)

14.第一次執行會讓你輸入 github賬號和密碼
15.回車後,再去看剛剛的新倉庫,發現博客已經上傳上去了。
16.打開你的博客地址即可。如:https://foxhsx.github.io

總結

  1. 下載 npm install hexo-cli -g
  2. 新建一個空的博客目錄
  3. 在當前目錄初始化 npm init 博客
  4. hexo s(server) 啓動博客
  5. localhost:4000 本地進行查看
  6. 記得在部署之前要將你的 md 生成html hexo g(generate)
  7. 新建倉庫,名稱: github暱稱+ .github.io—(注意github前面有個點)
  8. 在當前目錄安裝部署插件 — npm install hexo-deployer-git --save
  9. _config.yml 設置相關配置
  10. 部署到 github — hexo -d(deployer)
  11. 首次部署需要輸入自己的 github 賬號和密碼
  12. 完成後在瀏覽器輸入自己設置的地址進行訪問
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章