域名+Hexo+gitHub = 你專屬的獨一 無二的博客

域名+Hexo+gitHub的方式搭建博客却盘,其實本質(zhì)就是你的域名跟github服務(wù)器有個映射關(guān)系胡嘿,本地在Hexo上寫的.md格式的博文(其實讀取的時候是靜態(tài)網(wǎng)頁)push到github上后,通過訪問你的域名,就可以連接github的服務(wù)器猜拾,從而讀取你的博文。我搭建的過程佣盒,大致可以粗略分為以下步驟:

  • 創(chuàng)建GitHub倉庫

  • 本地環(huán)境搭建

  • 配置域名

  • 發(fā)表文章

創(chuàng)建GitHub倉庫

進入github官網(wǎng)挎袜,沒有賬號的,注冊一個咯 還能怎么辦呢

Create New repository

注意:格式必須為xxx.github.io

1.jpg
配置SSH(可以直接https肥惭,不需要配置SSH)
ssh-keygen

生成id_rsa.pub文件盯仪,這里面就是SSH key的內(nèi)容

然后使用vim編輯器打開這個文件

vim ~/.ssh/id_rsa.pub

選中內(nèi)容 復制

在github的設(shè)置頁面,新增SSH Key

2.jpg

查看SSH是否配置好

ssh -T git@github.com

本地環(huán)境搭建(以Mac示例)

  • 安裝git
  • 安裝Node.js
  • 安裝和配置Hexo

安裝git

戳我

或者戳我

安裝Node.js

戳我

一步步安裝就可以了蜜葱,我們會把博客內(nèi)容push到gitHub上全景,安裝Node.js因為Hexo基于Node.js

安裝和配置Hexo

Now,打開終端牵囤,用npm安裝Hexo(Mac自帶npm)

npm install -g hexo-cli

然后找個地方新建個文件夾爸黄,例如我建在用戶目錄下:

3.jpg

然后cd到Hexo文件夾

然后依次

hexo init
npm install

這一步如果出錯的話,可能與權(quán)限有關(guān)揭鳞,在前面加sudo 輸入密碼獲得權(quán)限就行

安裝結(jié)束后 空的文件夾現(xiàn)在長這樣:

4.jpg

然后啟動本地服務(wù) (hexo server)

hexo s

5.jpg

打開上網(wǎng)工具炕贵,輸入http://localhost:4000 是不是可以看到安裝成功?嚶嚶嚶

那么我們看到的網(wǎng)頁模板不是我們想要的野崇,所以可以換主題嘛称开!這里是采用了比較著名的https://github.com/litten/hexo-theme-yilia主題

Ctrl+c

cd themes

把yilia主題從github網(wǎng)站上clone下來

git clone https://github.com/litten/hexo-theme-yilia.git

可以把文件夾改名字為yilia

6.jpg

然后打開Hexo文件夾下面的_config.yml文件,拉到最低乓梨,修改里面的themeyilia

ok 到這一步鳖轰,我們完成了主題的切換

那我們一開始新建的gitHub倉庫用來干什么的呢?別急扶镀,在下面

還是剛剛打開的_config.yml文件蕴侣,拉到底,把配置改成下面這樣:

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://github.com/xxx/xxx.github.io.git
  branch: master

注意看type: git 這里一定要寫git而不是gitHub

好了狈惫,保存關(guān)閉

回到終端

執(zhí)行命令

hexo clean
hexo g
hexo d

如果出現(xiàn)ERROR Deployer not found: git錯誤睛蛛,執(zhí)行npm install --save hexo-deployer-git還是不行看一下上文中type是否是git或者是否是權(quán)限問題鹦马,如果是胧谈,命令行前加sudo

配置域名

我是在阿里云買的域名(騰訊云,新浪云 etc.)

7.jpg

注意:記錄值寫一開始創(chuàng)建的github倉庫名:xxx.github.io

到這里荸频,完成了域名對github的映射

然后菱肖,去到github,完成github對域名的反映射

8.jpg
11.jpg

OK Nice旭从!到這里就正式完成了 輸入自己的域名稳强,看到了屬于自己獨一無二的博客场仲,是不是很驚喜?

發(fā)表文章

先說一下如果想在博文中插入圖片退疫,需要用到一個插件:

sudo npm install --save https://github.com/CodeFalling/hexo-asset-image

cd到Hexo 查看_config.yml文件 查找 post_asset_folder字段確定post_asset_folder設(shè)置為true

新建文章

cd Hexo

hexo new "Hello World"

然后在Hexo/source/_ports/里面可以看到Hello World.mdHello World文件夾,文件夾里可以放圖片等跟Hello World博文有關(guān)的資源

在博文里用![] (/Hello World/tupian.png)方式插入圖片

文章寫好直接執(zhí)行下面命令即可直接發(fā)布文章

hexo d -g

瀏覽器中輸入自己的域名,便可以查看最新的博文了薛躬!OverK祭汀!棒坏!

碎碎念

博文可直接用MarkDown編輯器編輯燕差,推薦Typora,真正的所寫即所得

yilia 主題相關(guān)的設(shè)置坝冕,可打開/Hexo/themes/yilia/_config.ylm文件修改徒探,詳情可參照yiliagitHub主頁

localhost:4000 端口被占用的話,可執(zhí)行 hexo s -p 5000 修改成5000 端口

end of the stream or a document separator is expected at line x, column y

查看是否是_config.yml文件中x行冒號后面沒有空格

9.jpg

解決方法:npm i hexo-generator-json-content --save(保證node在6.0版本以上)

如果出現(xiàn)

12.jpg

把層級改成下面這樣:

10.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末喂窟,一起剝皮案震驚了整個濱河市测暗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谎替,老刑警劉巖偷溺,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異钱贯,居然都是意外死亡挫掏,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門秩命,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尉共,“玉大人,你說我怎么就攤上這事弃锐“烙眩” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵霹菊,是天一觀的道長剧蚣。 經(jīng)常有香客問我,道長旋廷,這世上最難降的妖魔是什么鸠按? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮饶碘,結(jié)果婚禮上目尖,老公的妹妹穿的比我還像新娘。我一直安慰自己扎运,他們只是感情好瑟曲,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布饮戳。 她就那樣靜靜地躺著,像睡著了一般洞拨。 火紅的嫁衣襯著肌膚如雪扯罐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天烦衣,我揣著相機與錄音篮赢,去河邊找鬼。 笑死琉挖,一個胖子當著我的面吹牛启泣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播示辈,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼寥茫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了矾麻?” 一聲冷哼從身側(cè)響起纱耻,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎险耀,沒想到半個月后弄喘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡甩牺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年蘑志,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贬派。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡急但,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出搞乏,到底是詐尸還是另有隱情波桩,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布请敦,位于F島的核電站镐躲,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏侍筛。R本人自食惡果不足惜萤皂,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望勾笆。 院中可真熱鬧敌蚜,春花似錦桥滨、人聲如沸窝爪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蒲每。三九已至纷跛,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間邀杏,已是汗流浹背贫奠。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留望蜡,地道東北人唤崭。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像脖律,于是被迫代替她去往敵國和親谢肾。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

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