一、本地環境搭建
1、安裝Git
Git可以有效、高速的處理各種項目版本管理。也就是用來管理你的hexo博客文章,上傳到GitHub的工具。
安裝好了之后使用git -version
查看版本
2、安裝Node.js
Hexo基Node.js,需要安裝一下Node.js和里面的npm工具
安裝好了之后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
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: git@e.coding.net: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 git@git.coding.net
最后就是
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: git@e.coding.net:guixinchn/blog/blog.git
gitee: git@gitee.com: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 git@github.com
檢驗是否搭建完成
3、將Hexo部署到GitHub
先復制GitHub倉庫的SSH鏈接地址
打開,Blog文件夾下面的站點配置文件,_config.yml
用文本編輯器打開,找到里面的deploy
deploy:
type: git
repo:
github: git@github.com:guixinchn/Blog.git
#coding: git@e.coding.net:guixinchn/blog/blog.git
#gitee: git@gitee.com: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處,你也會發現自己的域名
然后就可以用你自己的域名進行登錄博客啦
對了自己購買的域名需要設置解析