在這之前，網(wǎng)絡上有很多教程，但是還是基于自己遇到的問題和流程寫一下。因為自己是小白，所以在過程中遇到了很多小白的問題。這里簡單說明

一、安裝

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

• Git可直接下載安裝包進行安裝。點擊下載。安裝后，需要下載xcode才可以。否則在使用中會遇到錯誤。這里我出現(xiàn)的問題是起初沒有下載xcode，在后面初始化的時候，一直提示找不到Git，下載了xcode也不行，后來我打開了xcode，然后在關閉，就可以了。因為是小白，具體原因不明
• 接下來安裝node.js。打開終端，輸入命令

npm install -g hexo-cli

這里遇到的問題是，提示沒有權限，于是在上面的命令增加了sudo，如下:

sudo npm install -g hexo-cli

• 然后安裝node.js。我也是直接下載安裝程序來進行安裝的。點擊下載
• 安裝完后，可輸入以下命令進行檢查，輸入每個命令后，都會彈出相應版本號。

node -vnpm -vGit --version

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

sudo npm install -g hexo

二、博客初始化

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

cd youblogfiles

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

hexo init

完成后在進行安裝npm

sudo npm install

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

hexo g hexo s

三、上傳代碼

注冊并登陸GitHub賬號后，新建倉庫，名稱必須為 user.github.io，如 hxf236386915.github.io。 打開文件_config.yml，翻到最底下，將下面代碼復制進去。

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

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

hexo g hexo d

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

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

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

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

四、添加ssh keys 到github

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

輸入一下代碼，之后按照要求輸入賬號和兩次密碼

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

完成之后，打開博客文件夾，將your_email.pub中的內容復制到github中的設置-deploy keys中即可。

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

hexo g hexo d

五、綁定域名

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

然后，在通過阿里云進行解析。詳情如下

記錄類型：CNAME 主機記錄：@ 解析線路：默認 記錄值：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ǎng)頁端無變化時可以采用下述命令。

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

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

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

七、寫作

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

hexo new 文件名

然后在博客文件夾目錄下的source-_posts打開。

title：代表標題

date：日期

tags：[標簽1，標簽2]

categories：分類

—

正文

超鏈接：

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

圖片：


或者

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

下面這個可以調整大小。

音樂：

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

八、關于圖床的問題

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

同時推薦一款工具叫ipic?？勺孕兴阉飨螺d。

九、其他

另外在修改配置的時候，可以使用hexo s 邊修改邊預覽。

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

以上。

若有其他說明，在后續(xù)會進行說明

總結

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

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