1. 程式人生 > >Mac下搭建hexo3.0博客

Mac下搭建hexo3.0博客

tags new art ast popu 人的 lease view dep

Mac下搭建hexo3.0博客(文章同步自個人博客站點以及Github博客https://xingstarx.github.io/)

window環境下搭建hexo博客

詳細內容能夠參考這一篇文章怎樣搭建一個獨立博客——簡明Github Pages與Hexo教程本人博客搭建過程也是參考了上面的部分內容。

安裝Node.js和git

安裝Node.js

到Node.js站點上下載後綴為pkg的文件,點擊安裝。
在終端下輸入

node -v
npm -v

若無錯,則顯示版本

本人的信息例如以下:

hexo git:(master) ? node -v

v0.12.5

hexo git:(master) ? npm -v

2.11.2

安裝git

Mac下先安裝Xcode,不然總會出現各種問題,盡量依照標準的做法來,詳細做法例如以下:

安裝Xcode,啟動Xcode,進入 Preferences -> Download -> Command Line Tools -> Install 安裝命令行工具。

安裝完畢後。輸入命令檢測

hexo git:(master) ? git –version

git version 2.3.2 (Apple Git-55)

安裝hexo

在某個文件夾以下。創建個暫時文件夾吧,如xingstarx,通過終端命令,進入該文件夾以下。

執行命令

npm install -g hexo-cli

可能會提示出錯,無法安裝,問題出在root用戶上

須要通過以下來啟動安裝程序
,這樣等一段時間變好了

sudo npm install -g hexo-cli 

建站

接著上面的操作,創建了一個名為hexo的文件夾,(這裏能夠創建隨意的名稱,選自己喜歡的)

{% codeblock %}
hexo init hexo
cd hexo
npm install
{% endcodeblock %}

創建博客的文件夾結構

這裏能夠通過 git管理該文件夾,(git init)
我是通過sourcetree來操作的,創建本地的git倉庫,然後開始準備建立遠程倉庫,也就是github的倉庫

開通github賬號

註冊github的賬號,註冊自己的username和郵箱。這一步對於開發人員來說,應該不難吧,相信大家都能搞定的。

註冊完畢後。登陸輸入郵箱名,password,創建一個repository(這一塊就不放圖片了,大家能夠看這個鏈接相應的文章的圖片。建立倉庫),我的名稱是xingstarx.github.io,前面的名稱就是自己github賬號的名稱,須要相應一致。創建好自己的repo。

git倉庫

通過source tree軟件。給本地的hexo倉庫加入遠程庫,(對sourcetree軟件不熟悉的能夠google下教程),點擊remotes,加入遠程庫

(這樣改動本地庫後。能夠推送本地代碼到遠程倉庫)

配置

改動_config.yml文件中面的內容,_config.yml文件存放在hexo根文件夾以下,改動title。url。new_post_name等信息,要註意的一點就是。

title: xingstar‘s blogs 

title:是有一個空格的,千萬要註意。不然後面會出錯的。

我改動的部分例如以下:

title: xingstar‘s blogs
subtitle:
description: 技術成長 記錄
author: xingstar
email: [email protected]
language: zh-CN 
url: http://xingstarx.github.io
new_post_name: :year-:month-:day-:title.md # File name of new posts
deploy:
  type: git
  repo: https://github.com/xingstarx/xingstarx.github.io.git
  branch: master

還須要註意一點的就是,deploy方式。的type類型是git方式,而非github。hexo3.0得用這樣的方式,然後配置自己的repo。以及branch

另外。再介紹改動主題的內容

git clone https://github.com/wuchong/jacman.git themes/jacman

加入了一種主題,須要到配置文件中面改動,將原來的值改為jacman

theme: jacman

寫博客

以下再介紹寫博客的內容。在hexo文件夾下,啟動終端,或者用別的方式切換到hexo文件夾下,按以下的方式創建文章

? xingstarx hexo new post 初次體驗hexo

即創建了一篇名為初次體驗hexo的博客文章的markdown文件。

因為前面我設置的(new_post_name: :year-:month-:day-:title.md # File name of new posts)生成的markdown文件也會帶上時間前綴。詳細的文件是在hexo/source/_posts文件夾下/2015-06-24-初次體驗hexo.md
然後能夠通過markdown編輯器來編輯文章,加入文章的內容,推薦一款markdown編輯器mou還比較方便使用。以下是我隨手寫的內容。開頭部分是自己主動生成的,包括title。時間等信息

title: 初次體驗hexo
date: 2015-06-24 16:32:12
tags:
安裝git和nodejs
mac下安裝git
mac下安裝nodejs,在nodejs.org上面下載pkg文件
安裝hexo

就先寫這麽多的內容,寫完後,執行以下一系列的命令:

hexo g #生成文件
hexo s #啟動server(有提示,怎麽訪問的)
hexo d #部署到線上。也就是github上面
以下部署環節相當於包括進去了,請註意下

Mac下搭建hexo3.0博客