1. 程式人生 > >使用hexo+yilia+github搭建個人部落格

使用hexo+yilia+github搭建個人部落格

經過幾天的折騰,終於配成功了,現記錄如下,本人是在win7上搭建個人部落格的。

直奔主題,搭建個人部落格主要分為以下幾步:
* 先檢視效果(本人搭建的部落格)
* 本地環境搭建(win7)
* 安裝hexo
* 主題切換
* SSH配置
* 域名配置
* 鳴謝

沒錯就這上面幾步,就能使我們擁有自己的部落格網站,帥不帥?酷不酷?

0x01 本地環境搭建(win7)

  • git安裝(因為hexo釋出是使用git釋出的)
  • 安Node.js(因為hexo是基於Node.js)

git安裝 (git官網)

  • windows 進入官網下載最新版安裝(下面本人的版本)
$ git version
git version 2.7.2.windows.1

Node.js 安裝(Node官網)

值得注意的是,node.js的版本必須6.0以上,出現以下資訊就證明安裝成功了

node -v
v6.11.2

0x02 安裝hexo

在安裝hexo之前,先介紹hexo常用的幾個命令

hexo g #完整命令為hexo generate,生成靜態檔案
hexo s #完整命令為hexo server,啟動伺服器,本地可以測試
hexo d #完整命令為hexo deploy,將本地編譯好的靜態檔案釋出到github上
hexo n #完整命令為hexo new,新建一篇文章 hexo clean #清除當前專案的靜態檔案

輸入以下命令安裝hexo:

npm install -g hexo

完成後,根據自己的愛好,在硬碟(如:D)上新建一個hexo的目錄,然後在該目錄依次執行以下命令

hexo init
npm install(用於安裝依賴包)

執行完成後,輸入以下命令,然後通過訪問:http://localhost:4000,來訪問,一個本地部落格就可以看到了,值得注意的是,預設主題是landscape,如需要變主題,得自己手動修改。

hexo g
hexo s

0x03 主題切換

本人的主題是 yilia這個主題,

hexo-theme-yilia地址,在當前專案頁,輸入以下命令:

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

等待完成,然後:

cd themes
ls -l

會發現多了一個yilia的目錄,然後回到上層,使用sublime或者editplus或者其他文字編輯工具,修改hexo目前下的_config.yml,找到theme項,theme後面的內容修改為yilia,如下:

pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

# Deployment
## Docs: https://hexo.io/docs/deployment.html
#coding: [email protected]:JansZeng/hexoblog.git,master

然後,重新編譯,啟動:

hexo clean
hexo g
hexo s

訪問http://localhost:4000,這時看到的頁面是不是不一樣了?此時,hexo的安裝及主題修改已經完成了.是不是很酷?

0x04 SSH配置

  • 登入git
  • 點選new 建立一個專案,填寫後面的名字的時候,需要注意,名稱必須為 你的github有戶名.github.io,這個一定不能出錯,然後點選Create repository,這樣建立了一個空專案
  • 接下來配置SSH,執行下列命令
ssh-keygen -t rsa -C "[email protected]"  

連續按三次回車,會在 C:\Users\Administrator.ssh 有三個檔案,開啟id_rsa.pub檔案,copy檔案中的內容
* 點選Settings
* 點選 SSH and GPG Keys
* 點選 New SSH Key
* 將copy的內容copy到 Key 方框中
* 點選 Add SSH Key
* 開啟hexo目錄下的_config.yml,找到deploy:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
#coding: [email protected]:JansZeng/hexoblog.git,master
deploy:
  type: git
  #repository: https://github.com:JansZeng/janszeng.github.io.git
  repo:
    github: [email protected].com:JansZeng/janszeng.github.io.git,master
  • 儲存後,重新編譯,啟動:
hexo clean
hexo g
hexo d

如果出現:

ERROR Deployer not found: git

執行以下命令:

npm install hexo-deployer-git --save

然後在執行:

hexo d

0x05 域名配置

  • 去阿里雲購買這自己域名(如: janszeng.top)
  • 進入阿里雲後,配置域名解析(域名 –> 解析 –> 新增解析)
  • 在你上述建立的git地址,建立一個名稱為CNAME的檔案,內容為你購買的域名,如下:
www.janszeng.top
  • 將工程下載到本地,將CNAME檔案拖到hexo\source目錄下,
  • 儲存後,重新編譯,啟動:
hexo clean
hexo g
hexo d

0x06 鳴謝

相關推薦

使用hexo+yilia+github搭建個人部落

經過幾天的折騰,終於配成功了,現記錄如下,本人是在win7上搭建個人部落格的。 直奔主題,搭建個人部落格主要分為以下幾步: * 先檢視效果(本人搭建的部落格) * 本地環境搭建(win7) * 安裝hexo * 主題切換 * SSH配置 *

使用Hexo+Github搭建個人部落

個人部落格:             技術部落格:http://messi1002.top/             閱讀部落格:http://www.read1002.t

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

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

github搭建個人部落 hexo d無效

在github上搭建個人部落格,hexo已經部署完畢,本地訪問也沒有問題,但最後hexo d就是push不上去 檢查了deploy,看不出有什麼問題,後面百度了一下,發現有個巨坑,type: git中間必須有個空格!!!! deploy:   type: git   reposit

Mac下Hexo+GitHub搭建個人部落

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

hexo+github搭建個人部落(超詳細教程)

首先呢,先說一下吧,作為一個程式猿來說,大多的大牛都是使用的是msdn/github這些來交流技術,但是我後來發現csdn上面好多的大牛都已經摒棄csdn,自己搭建個人部落格進行發表文章記錄點滴了。

使用hexo+GitHub搭建個人部落的心得(含教程)

Author Email Yaoyao Liu [email protected] 前言 對於廣大CS專業的學生和碼農,找一個地方寫部落格,記錄一些程式設計、配置環境、閱讀論文的心得體會是一個很常見的習

關於Git和Hexo+GitHub搭建個人部落的記錄

前言 本來想通過vue.js+nodejs+mongo構建個部落格專案,一方面可以實踐新技術,另一方面也可以有自己的個人部落格,後來因為各種拖延,一直沒開始,(lll¬ω¬),突然看到朋友都在使用git, 也想試試手,剛好又看到大家都用github的pag

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

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

hexo+github搭建個人部落

v 大概可以分為以下幾個步驟 搭建環境準備(包括node.js和git環境,gitHub賬戶的配置) 安裝Hexo 配置Hexo 怎樣將Hexo與github page 聯絡起來 怎樣釋出文章 主題 推薦 主題Net的簡單配置 新增sitemap和fe

github搭建個人部落 hexo框架 next主題

之前就想搭建自己的部落格,現在終於得以實施。參考了多篇部落格,然後又在虛擬機器了往往復複試了好多次, 現在基本搭建完畢。我是基於hexo部落格框架, next主題搭建的部落格, 靜態網頁。   大體就是, 先在本地搭建好整個系統, 然後再提交到github。因為此篇文章只是撿

Hexo+Github搭建個人部落(一)

前言 經常在檢視技術文章時跳轉到大佬們的個人部落格,看起來很酷很炫。也想自己搭一個。嗯,於是有了這篇部落格。 基礎概念 個人以為,學習使用一項技術之前首先要簡單瞭解下它的基本概念,不要一上來就幹~沒前戲是不行的。所以我們不妨先來看一下Hexo 和 Gi

Github搭建個人部落(2018最新版)

前言 之前一直使用CSDN記錄和分享自己的所學,突發奇想就想搞一個自己的部落格,在網上搜索了很多教程後發現,有的教程要麼已經是很老,要麼過於複雜,然後就決定寫一篇比較適合小白搭建部落格的方法。然後就想

Github搭建個人部落(2018最新版,親測)

##(一)前言: 建議:慢慢看,也就這一篇用心了點寫 說來話長,一把辛酸淚,可算是弄好了。 1 起因:在很早很早,大一的時候,估計快記不得日子了,那時候來到PC吧創業團隊,一個大一級的學長通過買原始碼建立了一個社群論壇,因為那時候的社群比較流行,學長讓

使用github搭建個人部落(初級)

不能再初的初級版了,我保證!!我也是百度跟著別的大大的步驟一步步來的,寫到部落格記錄下,免得以後忘記。 步驟: 1、登入賬號後,點選下圖按鈕,新建倉庫。 2、填寫倉庫的屬性,倉庫名格式:你的github使用者名稱.github.io, 個人部落格簡介和描述檔

Hexo+Netlify快速搭建個人部落

最近想要給自己搭建一個部落格網站,貨比三家後,決定選擇Hexo.io來建站,Netlify來進行程式碼託管和部署。 長話長說,在轉行寫前端之前,我曾做過一段時間網站內容編輯,當時主要使用的是Wordpress。作為傳統動態網站生成器的代表,Wordpress擁有超高市場

使用Jekyll和github搭建個人部落

二、Jekyll環境配置 在一個空資料夾中右鍵選擇開啟Git Bash Here,然後依次按以下命令執行,可能會比較慢,因為要下載安裝,所以要耐心等待: $ gem install

github搭建個人部落-自己已在使用

1.登入github官網(此處省略註冊及登入過程) 2.建立一個新的專案 3.填寫專案資訊 ps: 專案名稱必須是.github.io字尾 4.建立完成後對新專案進行設定 5.新增公鑰 ps: 金鑰獲取方法可參考官網提示

Hexo + github pages + 阿里雲繫結域名搭建個人部落

申請域名 萬網購買的域名,地址:https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制檯進行解析 控制檯->域名與網站(萬網)->域名->域名列表->解析 設定主機記錄www

github + hexo 搭建個人部落教程

Github Pages介紹 本來用於介紹託管在Github上上的專案,由於它的空間免費穩定,因此適合用來搭建部落格。 每個帳號只能有一個倉庫來存放個人主頁,且倉庫的名字必須是使用者名稱/ username.github.io。你可以通過http://username.github.io