準備工作
windows安裝nodejs
windows安裝git
windows安裝hexo
擁有gitee個人賬戶
配置信息
通過gitee創建博客倉庫
登錄gitee平臺,進入主界面,右側加號+,新建倉庫,注意:倉庫名稱和gitee用戶名稱一致
生成/添加 SSH 公鑰
碼云 Gitee 、GitHub 提供了基于 SSH 協議的 Git 服務,在使用 SSH 協議訪問倉庫倉庫之前,需要先配置好賬戶/倉庫的 SSH 公鑰
配置ssh賬戶和郵箱,郵箱不必與 GitHub、Gitee 賬號相同,個人郵箱即可
查看賬戶郵箱
git config --global user.name
git config --global user.email
配置賬戶郵箱
git config --global user.email abc@qq.com # 設置郵箱
git config --global user.name 'abc' ? ? ? ? ? ?# 設置用戶名
本地生成ssh公鑰
命令行執行如下命令,郵箱是剛才配置的郵箱abc@qq.com
ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
按照提示完成三次回車,即可生成 ssh key
默認生成目錄是 C:\Users\PMB\.ssh (pmb各自電腦的用戶名)
打開id_rsa.pub文件復制內容,后面在gitee創建公鑰使用
gitee創建公鑰
首先用戶登錄之后,打開設置頁面,安全設置里面ssh公鑰打開,下面就是公鑰的模板,標題隨便起,知道表達意思即可,公鑰就是剪切板內容,
點擊確定即可
測試連接是否成功
命令行輸入
ssh -T git@gitee.com
# 顯示如下內容
# 表示連接成功
Hi “您的用戶名”! You've successfully authenticated, but GitHub does not provide shell access.
hexo建站,主題配置
建站
安裝hexonpm install -g hexo ? # 通過npm安裝hexo
初始化hexohexo init blog ?# 初始化創建,會再桌面創建blog文件夾
cd blog ? ?# 進入blog目錄
npm install ? # 進一步安裝hexo所需文件
初始化目錄情況.
├── .deploy ? ? ? #需要部署的文件
├── node_modules ?#Hexo插件
├── public ? ? ? ?#生成的靜態網頁文件
├── scaffolds ? ? #模板
├── source ? ? ? ?#博客正文和其他源文件等都應該放在這里
| ? ├── _drafts ? #草稿
| ? └── _posts ? ?#文章
├── themes ? ? ? ?#主題
├── _config.yml ? #全局配置文件
└── package.json
啟動hexo
hexo clean ? # 清除所有記錄 /hexo c
hexo generate ?# 生成靜態網頁 /hexo g
hexo server ? ?# 啟動服務 /hexo s
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop. 則運行成功
然后使用瀏覽器訪問 http://localhost:4000
配置連接 Gitee
進入到我們新創建的倉庫,復制項目地址,這個url是以ssh方式,找到hexo配置文件_config.yml,對應位置修改
注意:冒號后面一定要有空格,否則不能正確識別。
deploy:type: git ? ? ? ? ? ? ? ? ? ? ? ?# type為gitrepo: git@gitee.com:XXXXXX/blog.git ?# 倉庫的 URLbranch: master
部署博客
安裝自動部署發布工具,不然部署會報錯
npm install hexo-deployer-git --save
新建 deploy.sh 文件,輸入代碼hexo clean
hexo g?
hexo d
一鍵部署博客
sh deploy.sh
Gitee Pages 設置
在項目的服務中選擇 Pages 選項
默認配置,點擊啟動即可
記住博客地址,之后可以點更新進行操作
博客發布成功之后,可以訪問博客地址:xxxxxx,就可通過他提供的博客地址進行訪問,預覽在線博客啦!!
如果博客的樣式不對,則需要在_config.yml中配置下博客地址和路徑
url: “碼云提供給您的博客地址” root: /url: “碼云提供給您的博客地址”?
root: /
再執行命令 sh deploy.sh 就可以啦,之后就是美化我們的博客了。
關于主題
我個人用的主題是fluid,更多主題見官網。
更多主題美化可以參考大佬的Hexo 博客主題個性化。