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