需要用到的工具:
- Git
- Node.js
- Hexo
Git 是一個(gè)開源的分布式版本控制系統(tǒng)棚蓄。
Node.js 是一個(gè)基于 Chrome JavaScript 運(yùn)行時(shí)建立的平臺(tái)故响, 用于方便地搭建響應(yīng)速度快亭枷、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用河爹。
Hexo 是一個(gè)簡(jiǎn)潔高效的博客框架(支持Markdown)植捎。
現(xiàn)在開始搭建博客
1. 在 Github 中創(chuàng)建項(xiàng)目
登陸 Github 賬號(hào)
點(diǎn)擊 **New repository **建立一個(gè)工程倉(cāng)庫(kù)
在 Repository name 中填寫「name.github.io」
注意將 name 改成 Owner 的名字
然后直接點(diǎn)擊 Create repository
2. 安裝工具
- 首先安裝 Git贩挣,去官網(wǎng)下載對(duì)應(yīng)的版本。
- 然后安裝 Node.js
- Windows 用戶
去官網(wǎng)下載安裝把将。 - Mac 用戶(沒試驗(yàn)過)
打開「終端」 分別執(zhí)行以下兩行命令轻专。
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash
nvm install stable
- 最后安裝 Hexo
打開命令行,輸入
npm install -g hexo-cli (注意空格)
3. 開始搭建博客
- 在電腦中創(chuàng)建一個(gè)存放博客相關(guān)信息的文件夾察蹲,在命令行中 cd 到所創(chuàng)建的文件夾中
- 輸入
hexo init folder
cd folder
npm install
folder 是自定義的文件夾名字
- 如果想預(yù)覽一下網(wǎng)頁(yè)效果请垛,輸入在命令行中輸入以下指令
npm install hexo-server --save
hexo s
然后在瀏覽器中輸入「http://localhost:4000/ 」 就可以看到自己的頁(yè)面了 :D
Example: 我的博客的文件夾目錄是「e:Nenguou_Blog/Nenguou_Blog」
- 將配置部署到 Github 上
- 安裝 「hexo-deployer-git」
npm install hexo-deployer-git --save
- 打開剛剛創(chuàng)建的文件夾中的 _config.yml
刪除文件中最下方的 deploy、type洽议,
輸入
deploy:
type: git
repo: https://github.com/name/name.github.io.git // 兩個(gè) name 都是 Github 中 Owner 的名字
branch: master
- 最后執(zhí)行三行指令
hexo clean
hexo g
hexo d
現(xiàn)在打開 name.github.io 就可以看到自己的博客了宗收。
4. 綁定域名
首先要獲取 Github Pages 的 IP,在命令行中輸入
ping name.github.io
「151.101.100.133」就是我解析到的域名
- 大家可以去騰訊云注冊(cè)自己的域名绞铃,完成 實(shí)名認(rèn)證 和 學(xué)生認(rèn)證 之后镜雨,每天中午12點(diǎn)可以搶 200 個(gè)名額的優(yōu)惠卷,
然后進(jìn)入頁(yè)面中的 管理中心 的 域名管理
選擇 解析
選擇 添加記錄
「添加記錄」要操作兩次儿捧,記錄類型 均選 A,主機(jī)記錄分別為「www」和「@」挑宠,記錄值均填寫剛剛解析到的域名菲盾。
至此博客的搭建已經(jīng)完成,大家可以登陸自己的域名查看自己的博客各淀,也許會(huì)有一些延遲懒鉴,請(qǐng)耐心等待。