一、準(zhǔn)備環(huán)境
1、node環(huán)境
首先,安裝 nodejs, 因為Hexo是基于 Node.js 驅(qū)動的一款博客框架。
?nodejs下載地址
2、git 環(huán)境
然后,安裝git, 一個分布式版本控制系統(tǒng),用于項目的版本控制管理,作者是 Linux 之父。
?Git(官網(wǎng))
?Git for Windows(僅windows安裝包)
?CNPM Binaries Mirror [阿里鏡像](速度快,ctr+f檢索)
安裝過程一路next就行(安裝路徑可改)
兩者安裝完成之后,右擊此電腦>屬性>高級系統(tǒng)設(shè)置>環(huán)境變量>系統(tǒng)變量下的Path 可以看到兩者已自動修改了環(huán)境變量,這是我們可以通過cmd命令(win+r后輸入cmd)查看兩者版本。(確認(rèn)是否安裝成功及可以使用) 查看Node.js版本命令:node -v 查看Git版本命令:git --version
以上情況即安裝成功
二、注冊GitHub賬號并且創(chuàng)建倉庫
GitHub官網(wǎng)
1.注冊(已有GitHub賬號可忽略此步)
注冊之后郵箱會收到一封Github的郵件,點擊Github的鏈接確認(rèn)注冊
2.創(chuàng)建倉庫
注意選擇public
注意倉庫的取名格式:用戶名.github.io(這將是以后的訪問域名)
到這里代表我們Github賬號以及倉庫都已經(jīng)創(chuàng)建完畢 可以把下面這段倉庫的地址復(fù)制下來留著后面配置時會用到
(推薦使用ssh,https容易后期出現(xiàn)bug)
三、本地配置安裝Hexo
首先在磁盤中創(chuàng)建一個用來存放Github本地倉庫文件的目錄blog(可自定義目錄存放)
?
選中創(chuàng)建的目錄(文件夾)右鍵選擇使用Gti Bash Here打開Git命令窗口(這就是開始安裝的Git工具,現(xiàn)在開始使用)
也可以使用Windows的cmd命令行(不推薦)
(因為是從國外服務(wù)器下載,受網(wǎng)絡(luò)的影響比較大,有可能會出現(xiàn)異常,所以我們需要連接國內(nèi)淘寶官方的服務(wù)器來進(jìn)行)
輸入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
注:之后再次使用命令則是以cnpm開頭~而不是npm
?第一步:正式開始安裝hexo
輸入命令:cnpm install -g hexo-cli第二步:初始化Hexo
輸入命令:hexo init(初始化成功后blog目錄(文件夾)會多出許多文件)
?這時輸入命令:hexo s
【hexo sever的縮寫,作用是啟動本地服務(wù)器,用于預(yù)覽主題】
然后在瀏覽器輸入localhost:4000即可以在本地瀏覽博客(自帶一篇Hello World博客)
關(guān)閉 ctrl + c
?四、設(shè)置ssh
1.生成sshkey
首先在git下
輸入命令:cd ~/.ssh進(jìn)入.ssh文件
輸入命令:ssh-keygen -t rsa -C ‘注冊時的郵箱地址’
接著去查看C盤目錄(此文件夾所在C:\用戶\用戶名目錄下),然后在記事本中打開id_rsa.put文件并復(fù)制生成的key
2.將key配置到GitHub中
在GitHub主頁的頭像下找到seething
?然后點擊SSH and GPG keys,點擊New SSH key
?將剛剛在.ssh目錄下所復(fù)制的id_rsa.put文件中的信息復(fù)制進(jìn)key(注意空格)(名字隨意)
驗證:?
輸入命令(git):ssh -T git@github.com 并且輸入yes之后,行末尾會顯示你的用戶名
(綁定成功郵箱會收到郵件提醒)
接著在本地綁定與Github的用戶名和郵箱(git)
輸入命令:git config --global user.name “注冊時用戶名”
輸入命令:git config --global user.email “注冊時郵箱”
五、上傳博客
首先找到之前創(chuàng)建倉庫生成的Github倉庫Http或SSH地址(推薦SSH)
(如果沒有保存點擊倉庫主頁的Clone or download可重新查看)
然后打開blog文件夾下的_config.yml?
然后將文章末尾改為以下格式:
(repo即復(fù)制的HTTP/SSH)【推薦SSH(git開頭)】
deploy:
????????type: git
????????repo: https://github.com/用戶名/用戶名.github.io.git? ? ??????????????? (或者git@github.com:用戶名/用戶名.github.io.git)【推薦】
????????branch: main
注:
很多博客中branch仍填寫為master,2020年10月1日后master正式由main取代?。。?/span>
從 2020 年 10 月 1 日開始,GitHub?上的所有新庫都將用中性詞「main」命名,取代原來的「master」,因為后者是一個容易讓人聯(lián)想到奴隸制的術(shù)語。
接著需要安裝一個上傳工具
輸入命令(git):cnpm install hexo-deployer-git
新建文章(不新建的話也會有一篇自帶的Hello World文章)
輸入命令:hexo new “文章名稱”
然后根據(jù)返回的地址即可找到創(chuàng)建的文件位置,即可使用編輯器打開編輯(推薦使用vscode或者typora)
預(yù)覽
輸入命令(blog目錄下使用git):hexo s(如上)
確認(rèn)無誤后先生成一遍文件
輸入命令(blog目錄下使用git):hexo g
之后即可部署到GitHub
輸入命令(blog目錄下使用git):hexo d文章來源:http://www.zghlxwxcb.cn/news/detail-458415.html
之后每次上傳博客都是此順序
部署之后可發(fā)現(xiàn)GitHub中多了文件,此時瀏覽器輸入:用戶名.github.io(Github倉庫名)就可以訪問博客啦(剛剛部署后需要一定時間加載,出現(xiàn)未更新等待一段時間即可)文章來源地址http://www.zghlxwxcb.cn/news/detail-458415.html
到了這里,關(guān)于Hexo+GitHub搭建個人博客教程(2023最新版)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!