1. 程式人生 > >Mac下Hexo+GitHub搭建部落格圖文教程

Mac下Hexo+GitHub搭建部落格圖文教程

安裝Node

官網下載好一步步安裝就行了,或者從這下載node-v4.3.1安裝,密碼: 3n33。

安裝Git

Xcode自帶Git,詳細安裝方法自行搜尋。

安裝Hexo

Node和Git安裝完成後,在終端下輸入下面的命令:

sudo npm install -g hexo

看到如下圖所示效果,就說明安裝成功了
這裡寫圖片描述

初始化hexo

在使用者目錄下建立名為hexo的資料夾,然後cd到此目錄下,執行下面的命令:

hexo init

這裡寫圖片描述

安裝依賴

正如上圖所提示的,部署前不要忘了安裝依賴

npm install

生成靜態頁面

執行下面的命令,生成靜態頁面

hexo generate

開啟服務

開啟本地伺服器。Ps:停止服務使用Ctrl+C。

hexo server

這裡寫圖片描述

本地檢視效果

建立repository

名稱格式:your_user_name.github.io
這裡寫圖片描述

安裝git部署器

npm install hexo-deployer-git –save

修改配置檔案

開啟_config.yml檔案,在檔案末尾修改為如下效果,Ps:yuweiguocn改為你自己的使用者名稱

deploy:
  type: git
  repo: https://github.com
/yuweiguocn/yuweiguocn.github.io.git branch: master

這裡寫圖片描述

部署

在hexo目錄下執行部署命令:

hexo deploy

這裡寫圖片描述

最終效果

注意:
1.hexo相關的命令需在hexo目錄下執行
2.hexo命令支援縮寫模式:

hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new

發表新的文章

my-first-blog為檔名稱

hexo new “我的第一篇文章”

建立成功會有如下提示:

INFO Created: ~/hexo/source/_posts/我的第一篇文章.md

編輯好後,執行如下命令,重新生成並部署:

hexo clean
hexo g
hexo d

看看效果吧

這裡寫圖片描述

相關推薦

MacHexo+GitHub搭建部落圖文教程

安裝Node 從官網下載好一步步安裝就行了,或者從這下載node-v4.3.1安裝,密碼: 3n33。 安裝Git Xcode自帶Git,詳細安裝方法自行搜尋。 安裝Hexo Node和Git安裝完成後,在終端下輸入下面的命令: s

hexo-github搭建部落詳細教程

我是跨考計算機研究生的複合型學渣一枚,接觸考研之前還沒學高等數學。現在研一入學沒多久,感覺自己很健忘,於是乎決定開始寫點東西,記錄自己的學習歷程,並且想跟大家多多討論,希望大家多多指教。今天用Hexo+github搭建了個部落格,並把全程都記錄了下來。 node.js安裝 下載安裝

MacHexo+GitHub搭建個人部落

Mac下Hexo+GitHub搭建個人部落格 環境搭建 Node和Git安裝完成後,在終端下輸入下面的命令: sudo npm install -g hexo 初始化hexo 在使用者目錄下建立名為hexo的資料夾 mkdir hexo 然後cd到此目錄下

hexo github搭建部落常用的命令

這些命令你都用過嗎?npm install hexo -g #安裝 npm update hexo -g #升級hexo init #初始化hexo new "postName" #新建文章hexo new page "pageName" #新建頁面hexo generate

hexo+github 搭建部落

hexo+github搭建部落格 這個管用。 categories顯示為空白 在hexo new page “categories”、hexo new “文章標題”,並且在文章標題.md中的categories中添加了分類資訊之後部署,發現cate

使用github搭建部落出現的問題:Jekyll主題push文章到github上沒有生效

因為自己也用過github搭建免費的部落格專案,由於搭建的日子距離現在已經有些久遠了,現在又重新拾起來搞個人部落格,遇到下面的問題: 問題描述:在使用Jekyll主題的時候,在本地使用Ruby服務端能執行起來,但是將檔案push到github上,沒有生效,特此記錄一下,以後還回過頭來

基於Hexo+GitHub Pages 搭建部落詳細教程

摘要 : 這是一篇有關如何使用Github Pages和Hexo搭建自己獨立部落格的詳盡教程,裡面介紹瞭如何使用和配置Hexo框架,如何將Hexo部署到自己的Github專案中,域名註冊,以及域名的繫結等功能。 前言: 就在一個多月前,我經過百

使用 HexoGitHub 搭建部落,出現 hexo -d 報錯

問題描述 G:\blog>hexo d INFO Deploying: git INFO Setting up Git deployment… ‘git’ �����ڲ����ⲿ���

搭建Hexo+Github獨立部落

#### 1.github建立倉庫 2區域輸入xxx.github.io(xxx為github使用者名稱)。 2.配置ssh 下載git,在gitbash中操作 $ cd ~/. ssh 檢查本機的ssh金鑰 如果提示No such fil

Hexo+Github: 個人部落網站搭建完全教程(看這篇就夠了)

本篇教程首次釋出在個人部落格:sunhwee.com,想要獲得最佳閱讀體驗,歡迎前往,建議用電腦檢視教程文件。 # 閱讀須知 注意,這篇文章篇幅較長,主要針對新手,每一步很詳細,所以可能會顯得比較囉嗦,建議基礎比較好小夥伴根據右側目錄選擇自己感興趣的部分跳著看,不要文章沒看,上來先噴一下!謝謝( ⊙ o ⊙

hexo快速搭建部落

hexo快速搭建部落格 hex主頁: https://hexo.io/zh-cn/ 1.安裝建立並啟動 #建立一篇新文章 $ hexo new “My New Post” $ hexo init blog $ cd blog

hexo+Github Pages部落美化及優化

部落格開啟太慢 編輯主題配置檔案,註釋一行程式碼: family: Lato 編輯/themes/next/layout/_partials/head/external-fonts.swig檔案,把fonts.googleapi.com改為fonts.

Hexo + yilia 搭建部落可能會遇到的所有疑問

前提 為什麼會再次寫這篇部落格?請看下圖: 這是我部落格搜尋引擎的主要關鍵字。為什麼會有這些關鍵字呢? 我猜估計是曾經寫了幾篇關於搭建部落格的文章,被搜尋引擎收入了,所以搜尋引擎才會將這些流量引導至我的部落格,文章如下: 那還有這

hexo + github 安裝部落系統

使用hexo生成靜態部落格並架設在免費的github page平臺 準備 系統: Window 7 64位 使用軟體: Git v1.9.5 [下載地址] 百度雲 360雲盤 訪問密碼 d269 Git官網 Node.js v0.12.5 x64 [下載地址] 百度雲 360雲盤 訪問密碼

Hexo+NexT(零):最全Hexo+Next搭建部落教程

快速、簡潔且高效的部落格框架 有位大神說,喜歡寫部落格的人的人,折騰部落格會經歷三個階段。找到一個免費空間,搭建一個部落格,很欣喜,很有成就感,此為一階段;受限免費空間各種限制,自己買空間和域名,實現對部落格的完全控制,此為二階段;管理網站太累,只想安安靜靜碼文字,管理網站這種瑣事,交給專業的人士去打理吧

使用coding和hexo快速搭建部落

歡迎訪問我的個人部落格皮皮豬:http://www.zhsh666.xyz 今天教大家怎麼用hexo快速搭建自己的部落格。我不是專業人士,不懂前端知識,所以我十分討厭那些專業術語,講了一大堆,對於技術小白來說,就像聽天書一樣,雲裡霧裡的。所以下面的內容都是我自己的理解,語言很通俗,有可能說的不那麼專業,

Mac上基於hexo+GitHub搭建個人部落(一)

之前一直使用部落格園和簡書,但是部落格園太複雜,而簡書雖然很簡單,但是沒什麼新鮮感,偶然得知hexo+github可以搭建自己的部落格,主要是可以自己定主題,還很simple,因此,找了個時間,自己搞了一下,感覺還可以,就自己弄了一個。 1 環境配置 Hexo官網上有搭建文件! 1.1 安

使用 Hexo + Github 搭建自己的部落圖文教程

使用 Hexo + Github 搭建自己的部落格(圖文教程) 【提示】:部落格地址是:自己的短域名.github.io 我的部落格地址:xpwi.github.io 如果之前有過建立倉庫經歷就會知道,自己的倉庫是在:【短域名,github,io/倉庫名】來訪問的。而這個部落

Linux環境使用hexo+github搭建個人部落

前言 相當前天刷知乎,看見別人的blog的是放在github上,最近也剛學會使用github,也想嘗試著將自己的blogs放在github上;昨天曾經Google查詢資料,嘗試著自己搭建但是無奈出現問題,最後一步安裝hexo失敗了;今天不甘心,又去查閱了hexo的官方文件。

mac os x環境使用git+hexo搭建部落:沒想到你們是這樣的npm和hexo

hexo deploy出現這個: { [Error: Cannot find module './build/Release/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' } { [Error: Cannot find module './bu