使用hexo+gitee免费搭建个人博客全网最详细
準備工作
windows安裝nodejs
windows安裝git
windows安裝hexo
擁有gitee個人賬戶
配置信息
通過gitee創建博客倉庫
登錄gitee平臺,進入主界面,右側加號+,新建倉庫,注意:倉庫名稱和gitee用戶名稱一致
生成/添加 SSH 公鑰
碼云 Gitee 、GitHub 提供了基于 SSH 協議的 Git 服務,在使用 SSH 協議訪問倉庫倉庫之前,需要先配置好賬戶/倉庫的 SSH 公鑰
配置ssh賬戶和郵箱,郵箱不必與 GitHub、Gitee 賬號相同,個人郵箱即可
查看賬戶郵箱
配置賬戶郵箱
git config --global user.email abc@qq.com # 設置郵箱 git config --global user.name 'abc' # 設置用戶名本地生成ssh公鑰
命令行執行如下命令,郵箱是剛才配置的郵箱abc@qq.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建站,主題配置
建站
安裝hexo
npm install -g hexo # 通過npm安裝hexo初始化hexo
hexo 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 sINFO 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.shGitee Pages 設置
在項目的服務中選擇 Pages 選項
默認配置,點擊啟動即可
下圖則成功開啟,記住博客地址,之后可以點更新進行操作
博客發布成功之后,可以訪問博客地址:xxxxxx,就可通過他提供的博客地址進行訪問,預覽在線博客啦!!
如果博客的樣式不對,則需要在_config.yml中配置下博客地址和路徑
url: “碼云提供給您的博客地址” root: /
url: “碼云提供給您的博客地址” root: /再執行命令 sh deploy.sh 就可以啦,之后就是美化我們的博客了。
關于主題
- 我個人用的主題是fluid,更多主題見官網。
- 更多主題美化可以參考大佬的Hexo 博客主題個性化。
博文來源
hexo+gitee搭建個人博客
基于Gitee+Hexo搭建個人博客
總結
以上是生活随笔為你收集整理的使用hexo+gitee免费搭建个人博客全网最详细的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Dropbox + Farbox快速创建
- 下一篇: Invalid bound statem