在這之前，網(wǎng)絡(luò)上有很多教程，但是還是基于自己遇到的問(wèn)題和流程寫一下。因?yàn)樽约菏切“?#xff0c;所以在過(guò)程中遇到了很多小白的問(wèn)題。這里簡(jiǎn)單說(shuō)明

一、安裝

首先，需要安裝node.js、npm和Git

• Git可直接下載安裝包進(jìn)行安裝。點(diǎn)擊下載。安裝后，需要下載xcode才可以。否則在使用中會(huì)遇到錯(cuò)誤。這里我出現(xiàn)的問(wèn)題是起初沒(méi)有下載xcode，在后面初始化的時(shí)候，一直提示找不到Git，下載了xcode也不行，后來(lái)我打開(kāi)了xcode，然后在關(guān)閉，就可以了。因?yàn)槭切“?#xff0c;具體原因不明
• 接下來(lái)安裝node.js。打開(kāi)終端，輸入命令

npm install -g hexo-cli

這里遇到的問(wèn)題是，提示沒(méi)有權(quán)限，于是在上面的命令增加了sudo，如下:

sudo npm install -g hexo-cli

• 然后安裝node.js。我也是直接下載安裝程序來(lái)進(jìn)行安裝的。點(diǎn)擊下載
• 安裝完后，可輸入以下命令進(jìn)行檢查，輸入每個(gè)命令后，都會(huì)彈出相應(yīng)版本號(hào)。

node -vnpm -vGit --version

然后在進(jìn)行安裝hexo，輸入以下命令即可，遇到的問(wèn)題與安裝node.js類似。所以直接加了sudo

sudo npm install -g hexo

二、博客初始化

首先創(chuàng)建一個(gè)文件夾，該文件夾用于存儲(chǔ)博客的文件。然后通過(guò)終端，進(jìn)入到該文件夾，命令如下：

cd youblogfiles

然后初始化本地博客，輸入以下命令。初始化時(shí)，切記文件夾要空的才可以，否則會(huì)初始化失敗。若失敗了建議刪除文件夾在重新創(chuàng)建。

hexo init

完成后在進(jìn)行安裝npm

sudo npm install

執(zhí)行下述命令生成本地網(wǎng)頁(yè)文件并開(kāi)啟服務(wù)器，然后通過(guò)http://localhost:4000查看本地博客。

hexo g hexo s

三、上傳代碼

注冊(cè)并登陸GitHub賬號(hào)后，新建倉(cāng)庫(kù)，名稱必須為 user.github.io，如 hxf236386915.github.io。 打開(kāi)文件_config.yml，翻到最底下，將下面代碼復(fù)制進(jìn)去。

deploy:type: gitrepository: https://github.com/hxf236386915/hxf236386915.github.io.gitbranch: master

其中將repository中hxf236386915改為自己的用戶名，注意type、repository、branch后均有空格。通過(guò)如下命令在youblogfiles下生成靜態(tài)文件并上傳到服務(wù)器。

hexo g hexo d

若執(zhí)行hexo g出錯(cuò)則執(zhí)行npm install hexo --save，若執(zhí)行hexo d出錯(cuò)則執(zhí)行npm install hexo-deployer-git --save。錯(cuò)誤修正后再次執(zhí)行hexo g和hexo d上傳到服務(wù)器。

若未關(guān)聯(lián)GitHub，執(zhí)行hexo d時(shí)會(huì)提示輸入GitHub賬號(hào)用戶名和密碼，即:

username for 'https://github.com': password for 'https://github.com':

hexo d執(zhí)行成功后便可通過(guò)https://hxf236386915.github.io訪問(wèn)博客，看到的內(nèi)容和http://localhost:4000相同。

四、添加ssh keys 到github

添加ssh key后不需要每次更新博客再輸入用戶名和密碼。首先檢查本地是否包含ssh keys。如果存在則直接將ssh key添加到GitHub之中，否則新生成ssh key。

輸入一下代碼，之后按照要求輸入賬號(hào)和兩次密碼

ssh-keygen -t rsa -C "your_email@exampl"

完成之后，打開(kāi)博客文件夾，將your_email.pub中的內(nèi)容復(fù)制到github中的設(shè)置-deploy keys中即可。

然后執(zhí)行如下代碼

hexo g hexo d

五、綁定域名

首先，在博客文件夾中創(chuàng)建CNAME文件，不可以有后綴。然后將域名粘貼進(jìn)文件中。并上傳至github。

然后，在通過(guò)阿里云進(jìn)行解析。詳情如下

記錄類型：CNAME 主機(jī)記錄：@ 解析線路：默認(rèn) 記錄值：http://hxf236386915.github.io

六、安裝配置主題

這里使用的的是hexo中的theme主題。命令如下

cd youblogflie（你的博客文件夾） git clone https://github.com/iissnan/hexo-theme-next themes/next

將blog目錄下_config.yml里的theme的名稱landscape更改為next。

執(zhí)行如下命令（每次部署文章的步驟）

hexo g //生成緩存和靜態(tài)文件 hexo d //重新部署到服務(wù)器

當(dāng)本地博客部署到服務(wù)器后，網(wǎng)頁(yè)端無(wú)變化時(shí)可以采用下述命令。

hexo clean //清楚緩存文件(db.json)和已生成的靜態(tài)文件(public)

配置主題可在主題官網(wǎng)中查看相應(yīng)教程，需要注意的是站點(diǎn)配置文件和主題配置文件。點(diǎn)擊進(jìn)入next官網(wǎng)

站點(diǎn)配置文件就是博客文件夾目錄下的_config.yml。 主題配置文件為，博客文件夾-theme-next下的_config.yml

七、寫作

首先創(chuàng)建一個(gè)md文件，命令如下：

hexo new 文件名

然后在博客文件夾目錄下的source-_posts打開(kāi)。

title：代表標(biāo)題

date：日期

tags：[標(biāo)簽1，標(biāo)簽2]

categories：分類

—

正文

超鏈接：

[F](https://houxuefeng.com)

圖片：


或者

<img src="http://pvacs1eu6.bkt.clouddn.com/WechatIMG57.jpeg" width = 100% div align=center/>

下面這個(gè)可以調(diào)整大小。

音樂(lè)：

<audio id="audio" autoplay="autoplay"><source src="http://qzone.haoduoge.com/music1/2015-04-23/1429774382.mp3" type="audio/mp3"></source> </audio>

八、關(guān)于圖床的問(wèn)題

本人選擇的是七牛云，注冊(cè)登錄后，創(chuàng)建存儲(chǔ)。然后就可以上傳圖片了。在上傳完圖片后選擇復(fù)制外鏈即可。

同時(shí)推薦一款工具叫ipic。可自行搜索下載。

九、其他

另外在修改配置的時(shí)候，可以使用hexo s 邊修改邊預(yù)覽。

修改創(chuàng)建文章時(shí)的默認(rèn)值，可修改博客文件目錄下 scaffolds-post.md 即可。

以上。

若有其他說(shuō)明，在后續(xù)會(huì)進(jìn)行說(shuō)明

總結(jié)

以上是生活随笔為你收集整理的github船舰新文件夹_mac下搭建hexo+github的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。