用Hexo+Github搭建個人博客

在搭建過程中踩坑無數(shù),寫個博客記錄一下最后實驗成功的教程

參考鏈接:

https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html

http://www.itdecent.cn/p/c7397489757c

1. 安裝node.js

下載鏈接

下載好安裝包之后一路next就行

命令行測試

nodejs.png

2. 安裝git

下載鏈接

下載好后直接安裝,隨便找個地方右鍵看這兩個有沒有

git.png

3. 注冊github,配置SSH,新建倉庫

Github官網(wǎng)注冊一個賬號

配置ssh的步驟可以參考鏈接

在github新建倉庫username.github.io(此處username是你github的用戶名)


github-repo.png

我已經(jīng)創(chuàng)建過了所以顯示already exists

4. 搭建

4.1 在本地新建一個空文件夾

例如我為了方便,文件夾命名為zwexcelwang.github.io(跟github倉庫同名,以后我就不會忘里面放的文件是什么了)

4.2 安裝和初始化hexo

右鍵選擇git Bash打開

# 安裝hexo
npm install -g hexo

安裝完成后輸入

一般來說下面這個命令會運行很慢,可以換npm的源,參考鏈接

hexo init

文件夾中會出現(xiàn)這些文件


init.png

安裝依賴

npm install

安裝完后本地運行一下,hexo命令不知道含義可以參考鏈接

hexo g 
hexo s

在網(wǎng)頁輸入下網(wǎng)址查看是否出現(xiàn)頁面

http://localhost:4000
hexo-init-ed.png

4.3 部署到github

修改文件 _config.ymldeploy部分

deploy:
  type: git
  repository: git@github.com:zwexcelwang/zwexcelwang.github.io.git
  branch: master

Git Bash命令行安裝

npm install hexo-deployer-git --save

然后

hexo d

若報以下錯誤,參考鏈接

Error: Spawn failed

部署完成后可在github倉庫中看到

deployed.png

在瀏覽器輸入username.github.io測試是否能看見hexo的網(wǎng)頁

5. 綁定域名

5.1 去買一個域名

阿里云,騰訊云這些都行,我買的是騰訊云的,在云產(chǎn)品找到域名注冊

然后搜索想要的域名,例如.com

yuming.png

買好之后要實名認證,按照步驟就行,大概要等半天左右的時間就好啦

5.2 域名解析

在我的域名里找到自己的域名,填寫解析


jiexi.png

主機記錄為@那行的記錄值就是你github的ip,在命令行

ping username.github.io

得到:

ping-git.png

5.3 綁定域名

在github的倉庫username.github.io右側的setting填寫買好的域名

domain.png

在username.github.io文件夾下的source文件夾里新建一個沒有后綴的文件,命名為CNAME

文件里寫買好的域名,比如我的是

zuiyia.wang

然后生成并上傳

hexo g
hexo d

然后在瀏覽器輸入你的域名就可以看見博客啦

關于如何使用hexo寫博客,這些還沒有學,等我學了再寫教程

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容