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