年終沖刺,開始996了,借晚上加班的剩余時間,把博客的文章同步到簡書,方便訪問和查閱
搭建個人域名博客的七大步(Mac):
一、安裝博客工具:
- 安裝node.js,用來生成靜態(tài)頁面(node官網(wǎng):
https://nodejs.org
) - 安裝git,用來把博客提交到github pages (Mac下載Xcode后自帶git不用再安裝)
- 安裝hexo,命令
$ sudo npm install -g hexo
推薦(不做操作):homebrew 是Mac上面用來安裝或者卸載軟件用的非常方便的一個軟件,homebrew官網(wǎng)。
homebrew 的安裝需要注意的是 homebrew 安裝的時候一定要在 sudo 管理員權(quán)限下安裝,否則可能遇到寫入失敗的問題。
安裝方法:打開終端輸入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
二、建立站點:
- 打開終端 cd到你想存放站點的目錄下,執(zhí)行命令:$ hexo init blog
- cd到創(chuàng)建的blog目錄下,執(zhí)行命令:$ npm install,完成后,blog文件夾的目錄如下:
_config.yml // 站點的配置信息
package.json // 應(yīng)用程序的信息
scanffolds // 模板文件夾
source // 存放用戶資源的文件夾
themes // 主題文件夾,Hexo會根據(jù)主題生成靜態(tài)頁面
- 啟動本地服務(wù):執(zhí)行命令:$ hexo s
- 訪問http://localhost:4000,查看是否可以訪問成功,若網(wǎng)頁可正常顯示,則站點創(chuàng)建成功
三、關(guān)聯(lián)Github賬號:
- 去github注冊一個賬號:https://github.com
-
注冊完賬號后點擊加號,創(chuàng)建一個新的公共倉庫,name的格式一定要寫成:你的github名+github.io
image
image
- 終端cd到blog目錄下,使用vim命令編輯_config.yml,滑到最底部,將deploy里的內(nèi)容改為如下:
deploy:
type: git
repository: https://github.com/rocksky/rocksky.github.io.git
branch: master
異常處理:
如果出現(xiàn):
FATAL remote: Permission to rocksky/rocksky.github.io.git denied to skyrock90.
fatal: unable to access 'https://github.com/rocksky/rocksky.github.io.git/': The requested URL returned error: 403
將
repository: https://github.com/rocksky/rocksky.github.io.git
替換為下面的
repository: git@github.com:/rocksky/rocksky.github.io.git
- 生成靜態(tài)頁面: $ hexo g 此時若出現(xiàn)如下報錯:
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
- 則執(zhí)行命令:
npm install hexo --save
- 部署:$ hexo d 若執(zhí)行hexo d仍報錯,則在blog目錄下執(zhí)行:
$ npm install hexo-deployer-git --save
四、配置SSH
- 配置github用戶名:$ git config --global user.name "rocksky"http://GitHub用戶名
- 配置github郵箱:$git config --global user.email "1*****9@qq.com"http://GitHub注冊郵箱
- 生成ssh密鑰:$ ssh-keygen -t rsa -C "xxx@qq.com”(你的github郵箱),配置完成后可以在/Users/sky/.ssh/目錄下看到生成id_rsa和id_rsa.pub兩個文件
- 將SSH key添加到Github,打開id_rsa.pub文件,里面的信息即為SSH key,將這些信息復(fù)制到Github的Add SSH key頁面即可。進入Github –> Settings –> SSH keys –> add SSH key, Title里任意添一個標(biāo)題,將復(fù)制的內(nèi)容粘貼到Key里,點擊下方Add key綠色按鈕即可
- 至此,你可以通過
https://你的github用戶名.github.io/
完美的訪問你自己的博客了 - 接下來,你還有更長的路要走,年輕人!甩甩你那飄逸的長發(fā)繼續(xù)前行吧
五、關(guān)聯(lián)個人域名:
用終端ping出你github的ip(例如:ping www.skyrock90.github.io)
去阿里云什么的購買域名,購買成功后進入控制臺,進行域名解析
[圖片上傳失敗...(image-ee1ace-1514363359572)]
選擇用到的域名點擊解析,首次選擇下面網(wǎng)站解析的立即修改
[圖片上傳失敗...(image-26a64d-1514363359572)]
選擇需要解析的域名,點擊添加域名解析
[圖片上傳失敗...(image-c6b205-1514363359572)]記錄類型選A 主機記錄寫@ 運營商寫默認 記錄值寫ping出的ip ,最后點擊保存
生成CNAME的文件,不知道怎么生成的可以到這里去下載,將CNAME的內(nèi)容改為你的域名,保存
[圖片上傳失敗...(image-72abf7-1514363359572)]添加CNAME解析,記錄類型選擇CNAME,主機記錄寫www,記錄值填寫博客的github訪問地址(skyrock90.github.io),保存,至此域名設(shè)置完
[站外圖片上傳中...(image-469488-1514363359572)]將CNAME文件放到站點的source文件夾下(不能和source同級),這樣可以避免CNAME提交不上
執(zhí)行命令:完成后就可以用域名訪問你的博客
有木有很完美?有木有?
六、修改博客主題為NexT主題:
- 下載主題,并將主題下載到thems/next文件夾下,可以使用git命令:
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
- 在blog目錄下,使用vim命令編輯_config.yml,找到theme,修改為:
theme: next
title: language: zh-Hans description:這些參數(shù)可自行設(shè)置
七、新建博客文章:
- 終端里cd到blog目錄下,執(zhí)行$ hexo new "文章名字”,這時會在blog/source/_posts目錄下生成文章名字.md文件,盡量不要使用中文來命名,方便以后設(shè)置超鏈接跳轉(zhuǎn)
- 執(zhí)行如下命令,更新博客,就能看到你新寫的文章了
hexo clean
hexo g
hexo d