1. 程式人生 > >基於hexo+github搭建一個獨立的部落格

基於hexo+github搭建一個獨立的部落格

前言

《暗時間》的作者在文章 “為什麼你從現在開始就應該寫部落格”裡談到:

一開始你是因為要寫部落格而去使勁地思考和總結,指望給出令人眼前一亮的東西,到了後來,就變成了因為你習慣了思考和總結,因為你意識到書寫是更好的思考,你就必須使你的想法成為文字。

一、hexo簡介

Hexo是一個快速、簡潔且高效的部落格框架。官方主頁 Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
個人覺得這個部落格頁面簡潔美觀,尤其是支援Markdowm語言很實用。 使用者可在本地編輯好文章,使用git工具push到github.
個人主頁:cyang812.github.io

二、搭建過程

網路上已經有很多的搭建教程,針對不同的平臺(linux,mac,windows)。本文是個人建站的紀錄,有興趣的朋友可以做個參考。基於windows 10.

1、安裝git

下載並安裝git. 用於建本地檔案和github託管的程式碼同步。可用其他有相同功能的軟體替代,例如msysgit。若安裝成功後,滑鼠右鍵會多出兩項 git操作。
這裡寫圖片描述

2、安裝node.js

3.安裝hexo

  • 新建你希望在本地儲存部落格檔案的資料夾,例如D:\hexo. 進入到該資料夾後右鍵選擇git bash here,彈出的git介面如下:
    這裡寫圖片描述
  • 依次輸入以下命令建站
npm install hexo-cli
-g
hexo init
  • 安裝依賴包
npm install
hexo g
hexo s

預設的頁面效果如下:
這裡寫圖片描述

至此,本地的部落格系統已經建立。下一步,需要將該資料夾的內容同步至github。

4、註冊github

如已有賬號,可進行下一步。

5、建立程式碼倉庫

這裡寫圖片描述

6、部署本地檔案到github

既然Repository已經建立了,當然是先把部落格放到Github上去看看效果。編輯E:\hexo下的_config.yml檔案,建議使用Notepad++。
在_config.yml最下方,新增如下配置(命令中的第一個cyang812為Github的使用者名稱,第二個cyang812為之前New的Repository的名字,記得改成自己的。另外記得一點,hexo的配置檔案中任何’:’後面都是帶一個空格的).
這裡寫圖片描述

配置好_config.yml並儲存後,執行以下命令部署到Github上。如果你是第一次使用Github或者是已經使用過,但沒有配置過SSH,則可能需要配置一下,配置方法見第七步。

hexo g
hexo d

執行上面的第二個命令後,可能會要你輸入使用者名稱和密碼,皆為註冊Github時的資料。
此時,部落格系統已經完全搭建,在瀏覽器輸入你的地址即可,如cyang812.github.io

附 7、配置SSH

  • 首先在本地建立ssh key
ssh-keygen -t rsa -C  

後面的[email protected]youremail.com改為你的郵箱,之後會要求確認路徑和輸入密碼,我們這使用預設的一路回車就行。成功的話會在~/下生成.ssh資料夾,進去,開啟id_rsa.pub,複製裡面的key。

  • 配置github
    回到github,進入Account Settings,左邊選擇SSH Keys,Add SSH Key,title隨便填,貼上key。為了驗證是否成功,在Git bash下輸入
ssh -T git@github.com

如果是第一次的會提示是否continue,輸入yes就會看到:You’ve successfully authenticated, but GitHub does not provide shell access 。這就表示已成功連上github。

接下來我們要做的就是把本地倉庫傳到github上去,在此之前還需要設定username和email,因為github每次commit都會記錄他們。

git config --global user.name "your name"  
git config --global user.email  

進入要上傳的倉庫,右鍵git bash,新增遠端地址:

git remote add origin [email protected].com:yourName/yourRepo.git 

後面的yourName和yourRepo表示你再github的使用者名稱和剛才新建的倉庫,加完之後進入.git,開啟config,這裡會多出一個remote “origin”內容,這就是剛才新增的遠端地址,也可以直接修改config來配置遠端地址。

三、總結

此時,已經可以看到一個完整的部落格系統,並且以同步至網路,擁有獨立的域名地址。下面就需要新增新的文章,更改主題等玩法了。

個人主頁:cyang812.github.io
這裡寫圖片描述

相關推薦

基於hexo+github搭建一個獨立部落

一直聽說用hexo搭建一個擁有自己域名的部落格是很酷炫的事情~,在這十一花上半個小時整個hexo部落格豈不美哉。 使用Hexo吸引我的是,其簡單優雅, 而且風格多變, 適合程式設計師搭建個人部落格,而且支援多平臺的搭建,再加上有些node,git基礎,分分鐘創建出一個高大上的部落格。廢話少說,開始吧。 準

基於hexo+github搭建一個獨立部落

前言 《暗時間》的作者在文章 “為什麼你從現在開始就應該寫部落格”裡談到: 一開始你是因為要寫部落格而去使勁地思考和總結,指望給出令人眼前一亮的東西,到了後來,就變成了因為你習慣了思考和總結,因為你意識到書寫是更好的思考,你就必須使你的想法成為文字。

hexo+gitHub搭建個人獨立部落(一)

最新資訊 谷歌的一篇文章則著重說明了新成立的指導小組將如何“讓MDN成為最好的Web參考文件,幫助我們更好地進行Web開發”。指導小組目前的成員包括微軟、谷歌、Mozilla、三星和W3C。值得注意的是,蘋果公司並沒有參與這次釋出宣告。 前言 一直想要

如何搭建一個獨立部落——簡明Github Pages與Hexo教程

http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/ 摘要:這是一篇很詳盡的獨立部落格搭建教程,裡面介紹了域名註冊、DNS設定、github和Hexo設定等過程,這是我寫得最長的一篇教程。我想將我搭建獨立

二、Hexo+Github搭建自己的部落

1.安裝Node.js,配置環境變數(注意node版本,好多問題在於node版本,我用的v10.5.0) 2.安裝git環境配置git環境 3.github新建倉庫,格式為:賬戶名.github.io,需要勾選Initialize this repository with a

使用 Hexo + Github 搭建自己的部落(圖文教程)

使用 Hexo + Github 搭建自己的部落格(圖文教程) 【提示】:部落格地址是:自己的短域名.github.io 我的部落格地址:xpwi.github.io 如果之前有過建立倉庫經歷就會知道,自己的倉庫是在:【短域名,github,io/倉庫名】來訪問的。而這個部落

hexo+github搭建免費個人部落

閱讀本文應具備的知識: 瞭解 git 和 github 具備 markdown 語法基礎知識 1.在 github 建立屬於自己的 github.io 你要有一個 github 賬號,並建立自己的 github.io 倉庫,不懂可以查我這篇文章

使用jekyll+Github搭建個人獨立部落

step 1.選擇GitHub作為部落格伺服器 Repository name(倉庫名)必須是 your_user_name.github.io 比如我的使用者名稱是admin,那麼倉庫的名稱就必須是admin.github.io ,這

使用hexo+github搭建免費個人部落詳細教程

前言 使用github pages服務搭建部落格的好處有: 全是靜態檔案,訪問速度快;免費方便,不用花一分錢就可以搭建一個自由的個人部落格,不需要伺服器不需要後臺;可以隨意繫結自己的域名,不仔細看的話根本看不出來你的網站是基於github的;資料絕對安全,基於githu

使用hexo+GitHub搭建自己的部落中遇到問題的解決方法及部落美化

之前一直就想搭建自己的個人部落格了,但一直拖著沒動手,昨天終於花了一天的時間完成了,從安裝到域名註冊到配置美化,但還沒有完成,之後還會一直繼續修改。 關於搭建的教程網上各種教程,但是要學會分辨,有些是錯的,這裡我也不多說了,只說一下搭建過程中遇到的問題及解決方法。

不買伺服器,不買域名,不花一分錢,hexo+github搭建自己的部落

註冊一個github GitHub官網。按照一般的網站註冊登入執行就好了,不詳細說。 安裝git 安裝很簡單,一直下一步 git安裝教程 很多教程裡都說要配置環境變數,我本人安裝過5次左右的git,一次都沒有配過,但是要配置使用者名稱和

Hexo + github搭建自己的部落 --- 再也不用羨慕別人了!

每次Google自己不會的問題時,總會發現有很多的人都有自己的部落格,不由自主的羨慕起來,於是按捺不住自己的躁動的心,說幹就幹。 前言 每次寫部落格之前都喜歡做一些科普啊巴拉巴拉的,寫之前還想分析一波Hexo和jekyll,掰

使用Hexo+Github搭建自己的部落

Hexo 是一個快速、簡潔且高效的靜態部落格應用,它的一大亮點是提供了強大的 CLI 工具,真正實現了一鍵部署。HEXO 使用 MARKDOWN 來解析文章,可以在很短時間內渲染出簡潔大方的頁面。本文將從安裝到部署來詳細介紹 HEXO。 本文涉及到的一些工具需要一定操作基礎

Hexo+Github 搭建一個自己的部落

安裝前準備: 1、安裝Node.js和配置好Node.js環境 2、安裝Git和配置好Git環境 安裝Hexo: 一、新建一個資料夾安裝Hexo環境,輸入命令:   npm install hexo-cli -g    二、安裝之後,依次輸入以下命令:

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

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

Jekyll + Github = 簡單搭建一個個人部落

在我成功試水,搭建了自己的個人部落格後,我體會到了 Jekyll 製作網站的輕便性。而 GitHub Pages 對 Jekyll 的支援,又省去了建站時伺服器和域名的搭建過程。在查閱網上的資料時,大牛們都是先在本地做好 Ruby + Jekyll 的環境,除錯完成後再上傳至 GitHub 上

利用gitlab pages和hexo搭建一個個人部落

AI’boy原創,轉載請註明出處。 1.使用github pages存在的問題 目前網上有很多利用github pages和hexo搭建個人部落格的教程,但是github目前拒絕了百度蜘蛛的爬取,因此如果希望自己的部落格能夠被百度收錄,就需要採用一些

基於mkdocs-material搭建個人靜態部落

基於mkdocs-material搭建個人純靜態部落格,沒有php,沒有mysql 如果你只是想安安靜靜的放一些技術文章,釋出到個人站點或github-pages,mkdocs-material很適合你 小慢哥的原創文章,歡迎轉載 本文僅是縮略,筆者已將詳細內容釋出到github上

使用tale搭建一個個人部落

使用騰訊雲伺服器->Ubuntu16.04 LTS 64 + 域名  tale github -> github https://github.com/otale/tale/blob/master/install.sh  putty ->&nb

Django學習筆記--第一天--搭建一個簡易部落

前言:最近準備寫一個自己的個人部落格。本來想用.net開發的,由於VS有點裝不上,最近學習Python。選擇了python的web框架Django。 開發環境:Ubuntu 14.04 開發工具:Pychram 2016.1.0 社群版 Python版本: