1. 程式人生 > >詳細介紹用Hexo+Github建立個人部落格

詳細介紹用Hexo+Github建立個人部落格

以前自己也用買的伺服器搭建過個人部落格,折騰了好久,由於一些原因放棄了,現在發現用Hexo和Github也可以實現搭建個人部落格,於是又重新折騰了一番,途中也遇到很多坑,但是這樣的方式不需要花費錢,也比較簡單,所以在這裡我想把自己的過程詳細的寫下來。

搭建過程具體來說有一下幾步:

    1、搭建環境準備(安裝搭建node.js和git環境)

    2、本地安裝Hexo

    3、建立並配置自己的GIthub賬戶

    4、繫結本地的Hexo到github賬戶上去

接下來我們就來說說具體的步驟

一、本地搭建環境

大致可以分為兩步

1、安裝Node.js

2、安裝Git環境

安裝Node.js環境

安裝位置可自己選擇,其他選項一路預設即可,但是最後需要檢查是否新增到環境變數中去,如果沒有,需要手動新增。

安裝Git環境

下載安裝包,點選安裝即可。

安裝中的是否新增到環境變數選項的頁面需要注意勾選此選項。如圖

安裝位置可以手動調整,其他選項一路預設即可。

安裝完之後可以執行cmd命令檢視是否安裝成功。

同時按下Win和R,開啟執行視窗:


點選確定,然後依次輸入程式碼

node -v
npm -v
git --version

回車檢視:


如圖所示則是全部搭建成功。

二、本地安裝Hexo

環境搭建好了,接下來我們需要在本地安裝Hexo.首先在本地選一個位置安裝,該位置用來存放以後的相關檔案,包括部落格內容等,我以E : /blog為例講解。

1、在E盤下建立blog資料夾,進去後在右邊空白處右鍵單擊,選擇Git Bash here

然後在命令列輸入

npm install -g hexo-cli
此時出現一大段程式碼,等待其配置完之後輸入
npm install hexo --save
此時安裝hexo,耐心等待安裝完之後輸入以下命令即可檢視是否配置完畢
hexo -v
此時出現版本資訊,當你看到圖片所示內容,就說明安裝成功了。

Hexo的初始化和配置

接著上面的操作,輸入:

hexo init
接著輸入:
npm install
blog資料夾下會出現hexo的各種配置檔案。耐心等待安裝完成即可。

接下來我們檢驗一下是否配置成功。接著輸入:

hexo g
然後輸入:
hexo s
出現如圖所示程式碼

意味著本地建立成功了,接下來開啟遊覽器輸入http://localhost:4000/即可檢視到原始網站


到這裡第二步本地Hexo的配置就成功了。

三、建立並配置自己的Github賬戶

如果還沒有註冊賬號的按步驟註冊一個賬號,填寫郵箱,使用者名稱,密碼提交之後,登入郵箱驗證一下即可,然後進入賬戶。

2、點選箭頭所指方向建立程式碼庫。

程式碼庫的名字一定要以yourname.github.io格式填寫,否則後面會出現錯誤,如圖所示,由於我已經有了這樣一個程式碼庫,它提示我重名了。在建立時把下面的initialize this repository RREDME也勾選上,測試中如果不勾選,後面需要設定,這裡直接勾選就好。


建立成功後到這裡你的Github賬號就基本配置好了。

四、繫結本地的Hexo到github賬戶上去

1、配置git個人資訊

如果你還沒有配置過個人資訊,右鍵單擊開啟git控制面板,依次輸入

git config --global user.name "username"
git config --global user.email "[email protected]"

其中改換成你自己的username和email地址。

2、修改_config.yml檔案

在blog資料夾裡找到_config.yml檔案,用notpad++開啟(防止亂碼),找到Deployment,然後按照如下修改:

deploy:
  type: git
  repo: [email protected]:yourname/yourname.github.io.git
  branch: master

其中yourname更換成你自己的使用者名稱。

3、配置ssh

第一次設定時本地沒有金鑰,開啟git控制面板,輸入:

ssh-keygen -t rsa -C "[email protected]"
更換成自己的郵箱,然後一直回車即可。

4、連線Hexo和github

開啟c:/user/ssh,裡面會有id_rsa.pub檔案,開啟以後複製裡面的全部內容。

接下來在瀏覽器中開啟你的github賬號。選擇設定,進入SSH key項中,選擇add ssh key。


把你本地生成的金鑰複製到裡面(key文字框中), 點選 add key即可。


到這裡所有的配置基本都配置完了。讓我們來看一下自己的網站。

在blog裡開啟git控制面板,輸入:

hexo d -g
之後在遊覽器開啟yourname.github.io便可以看到自己的網站了

相關推薦

詳細介紹Hexo+Github建立個人部落

以前自己也用買的伺服器搭建過個人部落格,折騰了好久,由於一些原因放棄了,現在發現用Hexo和Github也可以實現搭建個人部落格,於是又重新折騰了一番,途中也遇到很多坑,但是這樣的方式不需要花費錢,也比較簡單,所以在這裡我想把自己的過程詳細的寫下來。 搭建過程具體來說有一

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

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

使用Hexo+Github搭建個人部落

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

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

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

Mac下Hexo+GitHub搭建個人部落

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

使用github建立個人部落出錯

自己建立了github的個人網頁,想修改一下自己的username,改變github訪問的連結。修改方法如下,進入github,點選settings注意這裡的name並不是username選擇account,點選change username系統提示你是否真的要修改,會有那些

github建立個人部落及自定義域名

什麼是github pages github pages是github提供的免費的存放網頁的服務,有了它,你就可以輕鬆使用靜態網頁構建一個網站。如果你有自己的域名,還可以繫結自己的域名。很期待吧~ 1.首先在github上建立一個倉庫,這步就省略不說

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

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

HexoHexo+Github構建個人部落 (三):新增面板主題

一、選擇主題 選擇你自己喜歡的主題 參考: 二、配置主題 1.我選擇了hexo-theme-yilia這個主題,簡潔大方,功能齊全; 2.具體新增方法: 安裝 git clone https://github.com/litten/hexo-theme-yilia.

關於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

hexo系列:使用Hexo+github建立獨立部落

前言:牛不牛的都使用個人部落格、咱也跟著潮流走,主要個人也挺喜歡hexo這種簡約部落格,來體驗一把.... 注:此為windows下教程 1.安裝git下載地址:git下載地址   安裝就不說了大家

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

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

Github Page+Hexo輕鬆搭建個人部落

在2018年來臨之際,筆者拖延了一年多的部落格終於上線了,本文基於筆者的實踐經驗,即使你是一個技術小白,按照本文的步驟,也可以輕鬆搭建自己的部落格。 為什麼要搭建個人部落格? 總結和寫作能力很重要 獨立的才是自己的,所有文章都可永久儲存在自己的伺服器

github搭建個人部落 hexo d無效

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

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

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

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

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

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

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

Github建立個人部落

需求描述:發現很程式設計師都使用github部落格,上面的中英文資料也比較多,所以也希望申請一個全新的github賬號與部落格賬號作為以後的技術總結平臺。 實現步驟: (1)申請一個 github賬號:  github官網 按照提示一步一步的建立賬號完成。 (2)