一、本地環境搭建
1、安裝Git
Git可以有效、高速的處理各種專案版本管理，也就是用來管理你的hexo博客文章，上傳到GitHub的工具，
Git下載地址
安裝好了之后使用git -version查看版本
2、安裝Node.js
Hexo基Node.js，需要安裝一下Node.js和里面的npm工具
Node.js下載地址
安裝好了之后win+R，輸入cmd 在終端輸入node -v npm-v查看是否安裝成功
3、安裝Hexo
Hexo是一款基于Node.js的靜態博客框架Hexo官網
先創建Blog檔案夾隨便位置，在檔案夾里面右鍵git bash
安裝淘寶鏡像源cnpm提高速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
輸入cnpm -v驗證是否安裝
然后輸入 cnpm install -g hexo-cli 安裝Hexo
輸入 hexo -v 驗證是否安裝成功
初始化hexo init，安裝所需組件cnpm install
輸入hexo g生成靜態網頁，然后輸入hexo s打開本地服務器
瀏覽器進入【http://localhost:4000/】 就可以看剛剛初始化的博客
ctrl+c關閉本地服務器
常用的命令：
hexo clean #用來清理快取檔案
hexo generate #生成檔案
hexo server #運行本地服務器
hexo deploy #上傳到服務器
Blog目錄下有：
- node_modules: 依賴包
- public：存放生成的頁面
- scaffolds：模版檔案，當創建一篇新的文章時，hexo會依據模版檔案進行創建
- source：用來存放你的文章，圖片等資源
- themes：主題檔案夾
- _config.yml 站點組態檔，很多全域配置都在這個檔案中
- package.json 應用資料，版本資訊等
二、博客部署到Conding
先介紹國內的服務器部署，部署到Coding的好處：國內訪問速度更快，可以提交百度收錄
1、Conding
Conding官網
Coding已經和騰訊云合作，沒有賬號就注冊一個，現在應該是要創建團隊專案，沒關系反正不要錢
點擊創建專案，輸入相關引數，沒有強制要求
完成專案創建后，點擊專案設定，把持續部署打開（新版默認關閉了）找了我好久
2、添加公鑰
在本地Blog檔案內打開git bash輸入：
ssh-keygen -t rsa -C "你的郵箱"
然后連續3次回車，最侄訓生成一個檔案在用戶目錄下，打開C盤用戶目錄，找到id_rsa.pub檔案，記事本打開并復制里面的內容
進入你個人設定，個人賬戶設定-SHH公鑰-新增公鑰，公鑰名稱可以隨便寫，將剛才復制的公鑰粘貼在公鑰內容里面，把授予權限打上勾，然后添加就可以了
3、配置連接地址
到自己創建的倉庫，復制克隆SHH連接
打開，Blog檔案夾下面的站點組態檔，_config.yml
用文本編輯器打開，找到里面的deploy
deploy:
type: git
repo:
coding: [email protected]:guixinchn/blog.coding.me/blog.git
branch: master
把coding換成剛剛復制下來的SSH鏈接地址
4、將Hexo部署到Conding
然后打開bash，安裝deploy-git，這樣才能用命令部署到遠程的git倉庫
cnpm install hexo-deployer-git --save
在git bash上測驗是否連接成功：
ssh -T [email protected]
最后就是
hexo clean
hexo g
hexo s #在本地測驗通過了在上傳
hexo d #上傳到git倉庫
重繪倉庫就會看到里面增加了一些內容，打開持續部署-靜態網站-新建靜態網站
網站名字隨便取（并不是網站的title）點擊保存即可
然后就會生成一個靜態的訪問地址
這個地址就是你的博客地址了，當人也可以自定義域名
5、Conding靜態網站
Conding靜態網站用以搭建個人博客，公司官網等簡易網站， 支持自定義域名，全自動續期的 SSL 證書等特性， 如果多人訪問的話，就太慢了
三、博客部署到gitee【推薦】
1、碼云
Conding訪問的速度太慢了，幾個人同時訪問你的網站的時候就掛了，主要是他的服務器在香港，于是我更推薦國內的碼云平臺：碼云官網
沒有賬戶的話，就先注冊一個，然后創建倉庫，倉庫的名稱隨便寫，倉庫的路徑要和用戶名（個人空間地址）一致
2、添加SSH公鑰
由于上面已經寫了如何配置本地公鑰，在C盤用戶目錄，找到id_rsa.pub檔案，記事本打開已經生成的公鑰，復制里面的內容
然后打開gitee個人設定里面的安全設定SSH公鑰，標題隨便取，粘貼剛剛復制好的密鑰內容，點擊確認即可
3、配置連接地址
打開剛建立好的博客倉庫，點擊克隆/下載，復制里面的SHH鏈接
然后進入Blog目錄，打開博客組態檔_config.yml
用文本編輯器打開，找到里面的deploy
把剛剛復制的SSH鏈接粘貼在對應的位置記得注釋掉其他倉庫的鏈接
deploy:
type: git
repo:
#coding: [email protected]:guixinchn/blog/blog.git
gitee: [email protected]:guixinchn/guixinchn.git
branch: master
然后就是
hexo clean
hexo g
hexo d
4、Gitee Pages
這時你看自己的Bolg倉庫已經有很多的檔案了，點擊上方服務，gitee Pages，開啟網站服務
直接點擊生成即可，就會顯示已開啟 Gitee Pages 服務，網站地址： xxxxxx
至此，一個用戶名.gitee.io的博客網站部署完成
四、博客部署到Github
由于國內訪問這個網站比較慢，除非你有特殊手段，不過github的資源是真的豐富
1、github創建個人倉庫
- 首先注冊一個github賬號GitHub掛網
- 我的主頁 https://github.com/guixinchn ，那么我的用戶名為“guixinchn”
- 新建一個名為
用戶名.github.io的倉庫，不然會有一些問題，比如將來博客的網站就會是 https://github.com/guixinchn/倉庫名 ，而且博客的圖片顯示有問題(親測)，所以建議還是用我上面那個方式命名，除非你買個域名 - 將來網站訪問地址就是 http://guixinchn.github.io
2、添加SSH 公鑰
ssh，簡單來講就是一個秘鑰，其中id_rsa是你這臺電腦的私人秘鑰，id_rsa.pub是公共秘鑰，把這個公鑰放在GitHub上，這樣當你鏈接GitHub自己的賬戶時，它就會根據公鑰匹配你的私鑰，如果用SSH連接就不用輸入密碼，如果用https連接，則還是需要輸入密碼進行推送
在Blog檔案夾，右鍵git bash
設定user.name和user.email配置資訊
git config --global user.name "你的GitHub用戶名"
git config --global user.email "你的GitHub注冊郵箱"
生成ssh密鑰檔案：
ssh-keygen -t rsa -C "你的GitHub注冊郵箱"
按步驟，最侄訓生成一個檔案在用戶目錄下，打開C盤用戶目錄，找到id_rsa.pub檔案，記事本打開并復制里面的內容
進入github主頁，點擊setting，右邊的SSH and GPG keys，然后點擊New SSH key
title隨便寫，內容就是粘貼剛剛復制的key，保存
在 git bash 輸入 ssh -T [email protected] 檢驗是否搭建完成
3、將Hexo部署到GitHub
先復制GitHub倉庫的SSH鏈接地址
打開，Blog檔案夾下面的站點組態檔，_config.yml
用文本編輯器打開，找到里面的deploy
deploy:
type: git
repo:
github: [email protected]:guixinchn/Blog.git
#coding: [email protected]:guixinchn/blog/blog.git
#gitee: [email protected]:guixinchn/guixinchn.git
branch: master
把github換成剛剛復制下來的SSH鏈接地址
上面已經安裝過了的deploy-git，也就是部署的命令,這樣你才能用命令部署到GitHub
cnpm install hexo-deployer-git --save
然后又是那三部曲
hexo clean //清除了你之前生成的東西
hexo generate //生成靜態文章，可以用 hexo g 縮寫
hexo deploy //部署文章，可以用 hexo d 縮寫
然后就可以訪問你的博客啦https://guixinchn.github.io/
4、自定義域名
域名需要自行先去購買
打開你本地博客Blog檔案夾下面的soruce目錄，新建 CNAME 檔案，注意沒有后綴
然后在里面寫上你的域名，保存，最后運行 hexo g 、 hexo d 上傳到github
這時候你的Github專案根目錄應該會出現一個名為 CNAM 的檔案了，然后打開你的github博客專案，點setting，拉到下GitHub Pages處，你也會發現自己的域名
然后就可以用你自己的域名進行登錄博客啦
對了自己購買的域名需要設定決議
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/33796.html
標籤：其他