1. 程式人生 > >Github Page + Hexo 搭建靜態部落格傻瓜式教程

Github Page + Hexo 搭建靜態部落格傻瓜式教程

本文面向物件

  • 前端小白
  • windows使用者
  • 懶癌晚期患者

準備工作:

  1. 一個Github賬戶
  2. 安裝Git
  3. 安裝Node.js

Step by Step

Step 1, 建立一個Github page

新建github page


1. Repo name 的填寫格式為 Github名 + github.io。舉個栗子,我的repo name為 cnscorpions.github.io
2. Description可以寫static blog/blog,反正你隨意就好
3. 點選建立repo

Step 2, Hexo安裝以配置 (假設你已經安裝好Git和Node.js)

  • 開啟Git bash命令列
  • 安裝NPM —> Taobao NPM 映象 (因為網路環境不好,你懂的)
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安裝Hexo
    $ cnpm install -g hexo-cli
  • 建立blog根目錄
    $ hexo init blog
  • 生成靜態檔案
    $ hexo g
  • 安裝Hexo-server模組
    $ cnpm install hexo-server --save
  • 執行本地伺服器 (一定要在blog根目錄下執行)
    $ hexo s
  • 開啟http://localhost:4000/已經可以看到一篇內建的blog了

Step 3, 安裝Hexo主題 (Git線上安裝 VS 本地安裝)

  • Git安裝
$ hexo clean
$ git clone https://github.com/iissnan/hexo-theme-next
  • 修改配置檔案
    _config.yml/theme ---> next
  • 更新主題
$ hexo c 
$ hexo g   
$ hexo s

Step 4, 安裝SSH

  • 安裝hexo-deployer-git模組
    $ cnpm install hexo-deployer-git --save
  • 修改配置檔案
deploy:
  type: git
  repo: https://github.com/cnscorpions/cnscorpions.github.io.git
  branch: master
  • 檢查電腦中是否存在SSH key
    $ ls -al ~/.ssh
  • 建立新的SSH key
$ ssh-keygen -t rsa -b 4096 -C "[email protected]"
Enter a file in which to save the key (/c/Users/you/.ssh/id_rsa):[Press enter] ---> 不要移動檔案位置
Enter passphrase (empty for no passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]
  • 複製id_rsa.pug
  • 複製到Github SSH key
  • 搞定
    $ hexo g ---> $ hexo d ----> OVER

PS: 暫時先這樣了,歡迎拍磚!

相關推薦

Github Page + Hexo 搭建靜態部落傻瓜教程

本文面向物件 前端小白 windows使用者 懶癌晚期患者 準備工作: 一個Github賬戶 安裝Git 安裝Node.js Step by Step Ste

Github Pages + Hexo 搭建個人部落

本文原地址 開始前瞭解了自己適合那種方式搭建個人部落格的幾種高效方案 一、前置知識 GitHub Github 官網 廖雪峰教程- Git 教程 個人 Git 筆記 二、開始搭建 阮一峰教程-搭建一個免費的,無限流量的 Blog---- githu

GitHubHexo搭建個人部落

很久前就想利用GitHub來搭建一個個人部落格了,今天就琢磨了一下搭建方法,在這裡寫出來以供他人蔘考~ 一、簡介 Hexo: Hexo 是一款基於Node.js、快速、簡潔且高效的部落格框架,Hexo 使用 Markdown解析文章,在幾秒內,即可利用

2017-02-23-如何使用gitHubHexo搭建個人部落

為什麼要寫個人部落格? 這一陣子是專案間隙,略閒,之前的專案中學到了很多東西,一直沒有時間整理沉澱,現在終於有時間了,列了個計劃打算把各種遇到問題和解決經驗沉澱到文字裡,方便自己今後檢視,同時也可以分享給別人,利人利己. 之前工作之餘有些零碎經驗都是寫到

Hexo + Github搭建靜態部落(一)

快速介紹 Hexo是一個基於Node.js搭建的靜態部落格框架,通過Hexo,使用者可以以博文的方式釋出Markdown文件。結合預設或定製化主題模板(很像其他靜態部落格生成框架,Jekyll或Ghost)博文會被轉化和生成為HTML/CSS。Hexo所需的所有元件都是模組化的,可以按

Hexo + GitHub搭建靜態部落(二)

快速介紹 本文是 Hexo + GitHub 搭建靜態部落格(一) 內容上的延展,Hexo 環境的搭建、依賴的下載請根據上文自行配置。 本文主要介紹 Hexo 的 歸檔、標籤、分類,以及依靠外掛支援的 評論、站內搜尋、字數統計 等功能。 歸檔、分類、標籤 三者是眾多部落格模板

Hexo+GitHub搭建靜態部落平臺(三)-Next主題基本使用

部落格網站搭建好後就是為自己的網站設定一個美觀的主題了, hexo 官方提供了許多官方主題,還有許多別人編寫的主題,例如:hexo-theme-jekyll 和 hexo-theme-yilia。還有很多就不一一列舉了,我將介紹也是我在使用的 Next主題 。

github + hexo 搭建個人部落教程

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

GitHub、Node.js和Hexo搭建個人部落

GitHub、Node.js和Hexo搭建個人部落格 1.Git 1.1、下載 下載地址:https://git-scm.com/downloads 1.2、Git安裝 雙擊安裝,點選Next 填寫安裝路徑,點選Next 選中安裝內容,點選Next

基於windows平臺Git+GitHub+Hexo搭建個人部落(三)

  去年的時候使用Hexo搭建了一個部落格,當時主題使用的是JackMan,雖說這個theme是挺好看的了,但是自己感覺還少點東西,所以自從搭建好後就一直沒用,筆記還是放在CSDN上。前兩天偶然發現了一位大神的部落格,當時一眼就喜歡上了這個主題,瀏覽網站後知道大神的部落格也是用Hex

使用GitHub + Hexo搭建個人部落(一)- 安裝

最近在同事那瞭解到,使用GitHub + Hexo可以搭建自己的個人部落格,很早之前就想自己搞個網站做部落格,由於種種原因一直沒有實現 現在可以使用開源的工具搞個部落格還是蠻不錯的,這裡和大家分享下。 1. Hexo簡介 GitHub的簡單介紹,大家可以參考我前面的部落格,

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

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

從零開始 利用hexogithub上快速搭建個人部落

利用hexo在github上快速搭建個人部落格方案選型主流的三種部落格搭建方案:1. Git+Github+Markdown+jekyll (免費) 2. Git+Github+Markdown+hexo (免費) 3. 虛擬主機+外掛+Wordpress (付費)123我的選擇: Git+Github+Ma

GitHub+Hexo搭建個人部落

1.hexo介紹 看到同學使用github+hexo搭建了屬於自己的部落格,眼饞,弄了好久了,感覺有點眼高手低了,一直沒來得及寫一下自己搭建的流程,心血來潮,下邊來簡單介紹下搭建流程,也方便自己以後review,也可以和大家共享交流技術問題。 Hexo

基於windows平臺Git+GitHub+Hexo搭建個人部落(一)

之前最開始是瞭解並搭建的jekyll框架,然後又從網上百度了一下,很多部落格都支援Hexo,覺得Hexo更好用一些,也有很多支援jekyll的,自己確實不知道是jekyll和Hexo哪個更好用一些,所以又搭建了一下Hexo的環境。 我在這裡對我自己的操作步驟

使用Github+Hexo搭建個人部落

01 用 GitHub + Hexo 建立你的第一個部落格02 [Hexo]部署部落格及更新博文03 Hexo(3)-安裝自己喜歡的主題04 Hexo(4)-安裝多說評論框05 Hexo(5)-購買並繫結域名

Hexo搭建獨立部落,託管到Github和Coding上教程

前言 這是一篇很詳細的獨立部落格搭建教程,意在幫助小白們能快速入門,擁有自己的獨立部落格。作者已在window平臺已搭建成功,部落格效果請點連結檢視。 為什麼用Hexo搭建獨立部落格? Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用

使用Hexo搭建個人部落,極速高效簡潔,新手小白可操作

目錄 只需要兩步 第一步程式碼部分: 第二部分放置程式碼 https://www.cnblogs.com/blogjun/articles/8289977.html 詳細操作可參考上文 這裡說一下大概的原理吧(純屬個人觀點,如有疑問請評論回去,接懟) 只需要兩步

Hexo搭建GitPage部落系列】03.Hexo部落搭建

前言 前面我們已經把環境準備好了,接下來我們就可以正式開始我們的部落格搭建之路了! 搭建步驟 建立Github倉庫 點選建立倉庫 專案必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。並且需要勾選Initialize this repository

Hexo搭建GitPage部落系列】02.環境搭建

前言 Hexo搭建部落格需要基於Node.js環境,而且依賴於Git,本篇文章就給大家詳細介紹如何搭建環境。 Node環境搭建 Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕