Mac OS使用github+hexo搭建自己的博客

沉寂了好久木有更新東西啦凿掂,最近忙死.....說正事。

如題僵井,使用github+hexo搭建自己的博客,雖然這樣的博客已經(jīng)很多的驳棱,但是自己在搭建的事后還是遇到了不少問題批什,而且是在我看了好幾篇文章的情況下。
我覺得主要還是不熟悉社搅,但是誰一開始就會對自己沒做過的事情熟悉呢驻债?

所以我寫這篇博客記錄一下自己的搭建過程,自己博客的第一篇內(nèi)容形葬,也算是幫助想要搭建博客的人多一條參考却汉。


本次搭建主要是參考了以下兩篇文章:

1.手把手教你建github技術(shù)博客

2.CentOS下搭建Hexo + github 博客

所以能看到這篇博客的朋友,可以根據(jù)上面兩篇對照著看荷并,確保自己踩坑量達到最少。


好青扔,開始

先講講思路:

①. 本地在一個特定的環(huán)境(hexo文件夾)中寫文章(語法markdown)源织。

②. 利用命令行把項目『編譯』成靜態(tài)網(wǎng)頁(node.js)的形式,達到本地可訪問的目的微猖。

③. 在github新建一個倉庫谈息,命名要求:你的github用戶名.github.io。(注:用戶名就是你新建一個倉庫過后凛剥,項目名的【/】前面那個)

④. 配置自己生成的SSH密鑰到github侠仇,達到鏈接github的作用。

⑤. 配置hexo里面的_config.yml文件犁珠,這里面倒數(shù)第二行的repo: 關(guān)鍵字逻炊,鏈接第三步的倉庫用,值為倉庫地址犁享。

⑥. 然后就是hexo的幾個常用命令的用法了余素,新建->編輯—>部署。

新建文章:hexo new "標題"

發(fā)布之前清除緩存:hexo clean

生成靜態(tài)頁面:hexo generate

本地預(yù)覽炊昆,localhost:4000可訪問看看效果:hexo server #'Ctrl+C'關(guān)閉

部署到github桨吊,外網(wǎng)可訪問:hexo deploy

以下信息表示部署成功即可訪問:[info] Deploy done: git

1.前提準備工作

①. 有自己的git環(huán)境,沒有的去安裝凤巨,環(huán)境變量什么的該弄好弄好视乐。

②. 熟悉github的套路,至少會新建項目以及clone過別人的項目敢茁。

③. 會用MarkDown語法佑淀,可以不用熟悉,寫博客的時候臨時百度也是可以的彰檬。

④. 安裝Node.js環(huán)境渣聚,一路安裝就行了独榴,靜態(tài)網(wǎng)頁依賴于這個。

2.安裝hexo

①. 命令行輸入:

npm install -g hexo

②. 在想要存放博客文章的位置新建一個hexo文件夾奕枝,比如我直接在Documents文件夾新建的棺榔。

③. 命令行切換到hexo路徑下,執(zhí)行以下命令:

hexo init

安裝依賴包

npm install

這樣本地的事情就算完了隘道,利用本地地址應(yīng)該可以訪問到了症歇。接下來是如何跟github街上關(guān)系,使得大家都能通過互聯(lián)網(wǎng)訪問谭梗。

3.連接github

①. 新建倉庫忘晤,倉庫名需要和你的賬號對應(yīng),格式:yourname.github.io激捏,拿我的舉例:paradoxie.github.io

②. 本地生成SSH密鑰设塔,命令行:

ssh-keygen -t rsa -C paradoxieix@gmail.com

主要C后面的郵箱地址替換成自己的。然后應(yīng)該回讓設(shè)置密碼远舅,可以全部為空闰蛔。然后我在我的/Users/用戶名/.ssh路徑下看到了兩個新生成的東西:id_rsa和id_rsa.pub,我們需要復(fù)制.pub里面的全部內(nèi)容图柏,最好用sublime打開序六。

③. 打開https://github.com/settings/ssh,點擊New SSH key,然后粘貼.pub里面的全部內(nèi)容進去蚤吹,然后Add SSH key.

④.然后在hexo文件夾內(nèi)找到_config.yml配置文件例诀,sublime打開編輯

# Hexo Configuration  
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site 站點信息設(shè)置
title:  #站名
subtitle:  #副標題
description: #站描述
author:  #作者
language: zh-CN #語言
timezone:

# URL 鏈接設(shè)置
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://blog.prozin.xyz
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory 文件目錄
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing 文章
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format 日期
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination 分頁
## Set per_page to 0 to disable pagination
per_page: 20
pagination_dir: page

# Extensions 擴展
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape #默認主題

# Deployment 這里設(shè)置了Git獲
#這里一定要注意不要寫錯了,否則部署到Github上會出問題
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: 倉庫地址
  branch: master
  message: '站點更新:{{now("YYYY-MM-DD HH/mm/ss")}}'

以上部分有個坑需要注意:------ “:”后面都有一個空格裁着。

保存后退出繁涂,執(zhí)行生成網(wǎng)頁命令,然后部署命令二驰,部署成功后就可以訪問了爆土。

4.更改主題

默認的主題雖然也不錯,但是一般大家還有更好的選擇:NexT

①. 切換到hexo目錄下诸蚕,執(zhí)行拉去NexT主題項目的命令步势。
②. 好吧具體的流程在這里:NexT的配置使用

5.博客

①. 命令:

hexo new "標題"

后會在sourse/ _posts文件夾下生 .md文件,然后就可以編輯內(nèi)容了

title: Hello World
date: 2015-07-30 07:56:29 #發(fā)表日期背犯,一般不改動
categories: hexo #文章文類
tags: [hexo,github] #文章標簽坏瘩,多于一項時用這種格式
---
正文,使用Markdown語法書寫

②. 發(fā)布

hexo clean
hexo generate
hexo deploy

**以下信息表示部署成功即可訪問:[info] Deploy done: git
**

6.訪問

以我的地址為例:
https://paradoxie.github.io/
用戶名替換即可漠魏,綁定的域名:
http://www.paradoxie.cf/

本人剛搭好倔矾,熱乎乎的經(jīng)驗到手,所以博客也還有很多需要完善的地方。以后博客和簡書內(nèi)容同步更新哪自。

就醬丰包,大家中秋快樂~雖然晚了......


本文作者:paradoxie
個人主頁:謝盒盒的小黑屋,不止說技術(shù)
簡書地址:簡書主頁壤巷,專注說技術(shù)
github地址:paradoxie
轉(zhuǎn)載請注明出處邑彪,蟹蟹!
-------我的夢想真的是做一條咸魚!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末胧华,一起剝皮案震驚了整個濱河市寄症,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌矩动,老刑警劉巖有巧,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異悲没,居然都是意外死亡篮迎,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進店門示姿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來甜橱,“玉大人,你說我怎么就攤上這事峻凫。” “怎么了览露?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵荧琼,是天一觀的道長。 經(jīng)常有香客問我差牛,道長命锄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任偏化,我火速辦了婚禮脐恩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘侦讨。我一直安慰自己驶冒,他們只是感情好,可當我...
    茶點故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布韵卤。 她就那樣靜靜地躺著骗污,像睡著了一般。 火紅的嫁衣襯著肌膚如雪沈条。 梳的紋絲不亂的頭發(fā)上需忿,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天,我揣著相機與錄音,去河邊找鬼屋厘。 笑死涕烧,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的汗洒。 我是一名探鬼主播议纯,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼仲翎!你這毒婦竟也來了痹扇?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤溯香,失蹤者是張志新(化名)和其女友劉穎鲫构,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體玫坛,經(jīng)...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡结笨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了湿镀。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炕吸。...
    茶點故事閱讀 40,680評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖勉痴,靈堂內(nèi)的尸體忽然破棺而出赫模,到底是詐尸還是另有隱情,我是刑警寧澤蒸矛,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布瀑罗,位于F島的核電站,受9級特大地震影響雏掠,放射性物質(zhì)發(fā)生泄漏斩祭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一乡话、第九天 我趴在偏房一處隱蔽的房頂上張望摧玫。 院中可真熱鬧,春花似錦绑青、人聲如沸诬像。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽颅停。三九已至,卻和暖如春掠拳,著一層夾襖步出監(jiān)牢的瞬間癞揉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留喊熟,地道東北人柏肪。 一個月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像芥牌,于是被迫代替她去往敵國和親烦味。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,691評論 2 361

推薦閱讀更多精彩內(nèi)容