搭建個人博客可以分為以下五個部分
一、搭建本地環境(個人為Win10)
1、安裝Git,下載地址:點擊
下載后,按提示進行安裝即可,作用是:把本地的內容提交到github上去
注意:官網下載速度不是很快,可以去其他地方搜索相關資源。
2、安裝Node,下載地址:點擊
按順序安裝即可
3、安裝Hexo
Node和Git都安裝好后,創建一個文件夾,如blog,用於存放后期用到的所有的hexo文件。
在blog文件夾中右鍵,選擇git bash here,打開窗口,輸入:
npm install hexo-cli -g
然后輸入
npm install hexo --save
待安裝完成后,輸入一下代碼,用來查看版本
hexo -v
然后執行init命令初始化hexo,命令:
hexo init
至此,全部安裝工作已經完成!
接下來,執行以下代碼,用來生成服務,然后在本地訪問。
hexo g
hexo s
執行后,會出現代碼如圖:
在瀏覽器中輸入http://localhost:4000/ ,可以訪問即表示本地hexo發布成功。
二、搭建GitHub環境
1、在GitHub官方注冊賬號
2、New repository
此處,注意Owner的名稱與repository的前半部分必須一致,例如:
3、開啟GitHub pages
打開這個庫的setting頁面,找到GitHub Pages,創建即可,創建成功后,便可以通過瀏覽器訪問owner.github.io
三、將本地Hexo與github page 聯系起來
1、配置Git個人信息
1 git config --system user.name "yourusername" 2 git config --system user.email "youremail@163.com"
運行截圖如下:
2、配置Deployment
在_config.yml文件中找到deployment,然后配置如下:
1 deploy: 2 type: git 3 repo:git@github.com:githubname/githubname.github.io.git 4 branch: master
注意:內容一定要保證無空格,否則會報錯;
3、發布到Github
輸入如下命令:hexo clean && hexo g && hexo d;
也可以分三步:
1 hexo clean 2 hexo generate 3 hexo deploy
在執行deploy中,會彈出輸入框如下,分別輸入在GitHub上的賬號密碼即可;
這樣就實現了本地與GitHub的連接,當然也可以通過SSH Keys方式。兩種方式都可以~
四、域名關聯GitHub
1、域名可以前往相關網站購買,我是在阿里雲上購買的,購買成功后,將域名進行解析,如圖
其中記錄類型選擇CNAME,記錄值填寫GitHub的倉庫。域名解析是需要時間的,不要急於操作。
2、在blog中的public文件夾中創建CNAME,不帶任何后綴名的文件;文件中填寫上你的域名,不要寫www
如圖:
然后執行hexo d命令 發布到GitHub上去,會在倉庫中看到該文件,如圖:
然后再去settings下面的pages中看到如下圖
這樣就可以通過域名訪問博客了。
五、Hexo的部分使用介紹
無論是設置文章內容還是整體樣式等,一定要注意一點:key和value值之間一定要有空格,否則會報錯。
六、個人感覺不錯的HEXO主題
1、leopard
2、NexT
3、yilia
個人博客地址:http://dreamice.top/