需要用到的工具:
- Git
- Node.js
- Hexo
Git 是一個開源的分布式版本控制系統。
Node.js 是一個基于 Chrome JavaScript 運行時建立的平臺, 用于方便地搭建響應速度快、易于擴展的網絡應用。
Hexo 是一個簡潔高效的博客框架(支持Markdown)。
現在開始搭建博客
1. 在 Github 中創建項目
登陸 Github 賬號
點擊 **New repository **建立一個工程倉庫
New repository
在 Repository name 中填寫「name.github.io」
注意將 name 改成 Owner 的名字
然后直接點擊 Create repository
Create repository
2. 安裝工具
- 首先安裝 Git,去官網下載對應的版本。
- 然后安裝 Node.js
- Windows 用戶
去官網下載安裝。 - Mac 用戶(沒試驗過)
打開「終端」 分別執行以下兩行命令。
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash
nvm install stable
- 最后安裝 Hexo
打開命令行,輸入
npm install -g hexo-cli (注意空格)
3. 開始搭建博客
- 在電腦中創建一個存放博客相關信息的文件夾,在命令行中 cd 到所創建的文件夾中
- 輸入
hexo init folder
cd folder
npm install
folder 是自定義的文件夾名字
- 如果想預覽一下網頁效果,輸入在命令行中輸入以下指令
npm install hexo-server --save
hexo s
然后在瀏覽器中輸入「http://localhost:4000/ 」 就可以看到自己的頁面了 :D
Example: 我的博客的文件夾目錄是「e:Nenguou_Blog/Nenguou_Blog」
例子
- 將配置部署到 Github 上
- 安裝 「hexo-deployer-git」
npm install hexo-deployer-git --save
- 打開剛剛創建的文件夾中的 _config.yml
刪除文件中最下方的 deploy、type,
輸入
deploy:
type: git
repo: https://github.com/name/name.github.io.git // 兩個 name 都是 Github 中 Owner 的名字
branch: master
- 最后執行三行指令
hexo clean
hexo g
hexo d
現在打開 name.github.io 就可以看到自己的博客了。
4. 綁定域名
首先要獲取 Github Pages 的 IP,在命令行中輸入
ping name.github.io
解析域名
「151.101.100.133」就是我解析到的域名
- 大家可以去騰訊云注冊自己的域名,完成 實名認證 和 學生認證 之后,每天中午12點可以搶 200 個名額的優惠卷,
然后進入頁面中的 管理中心 的 域名管理
管理中心
域名管理
選擇 解析
解析
選擇 添加記錄
添加記錄
「添加記錄」要操作兩次,記錄類型 均選 A,主機記錄分別為「www」和「@」,記錄值均填寫剛剛解析到的域名。
添加記錄
至此博客的搭建已經完成,大家可以登陸自己的域名查看自己的博客,也許會有一些延遲,請耐心等待。