1. 程式人生 > >hexo+gitHub搭建個人獨立部落格(一)

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

最新資訊

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

前言

一直想要一個自己的獨立部落格,域名跟伺服器到現在快買有一年了,由於種種原因最終還是沒有搭建自己的部落格,伺服器差不多放一年了,快要發黴了。去逛gitHub時候發現好多人的專案裡都有**.github.io慢慢研究,就偶然的發現Hexo這個優秀的靜態部落格框架,再搭配現在流行的gitHub,當然也可以放在Coding或碼雲,簡直是完美寫部落格的黃金搭檔(免費+方便)。我就百度好多教程,最後磕磕碰碰的搭建了起來。但是網上的教程多多少少都有點問題。就有了這個自己總結的教程,一是自己總結一下,二是給也想搭建Hexo部落格的夥伴們多一點參考。

說明

我這個教程是基於window系統使用者,Hexo3.4版本

系統環境配置

要使用Hexo,需要在系統中安裝Nodejs以及Git,如果還沒有,那就開始安裝吧!

安裝node.js

下載連結:https://nodejs.org
安裝教程就不說了!直接下一步下一步就ok了!!!

安裝git
安裝Hexo

安裝前先介紹一些hexo常用的命令,#後面為註釋。

hexo g #完整命令為hexo generate,用於生成靜態檔案
hexo s #完整命令為hexo server,用於啟動伺服器
hexo d #完整命令為hexo deploy,用於將本地檔案釋出到github上
hexo n “FileName”#完整命令為hexo new,用於新建一篇文章

在桌面右鍵出現我們剛剛安裝的Git , 選擇Git Base
這裡寫圖片描述

輸入安裝hexo命令:

npm install -g hexo

說明:這個需要安裝一段時間

安裝完成後,在系統的某一個盤下建立hexo資料夾(如D:\hexo),執行以下指令(在D:\hexo內點選滑鼠右鍵,選擇Git Bash),Hexo 即會自動在目標資料夾建立網站所需要的所有檔案。

hexo init

安裝依賴包:

npm install

讓我們看看剛剛下載的hexo檔案帶來了什麼

這裡寫圖片描述

在D:\hexo內執行以下命令:

hexo g #生成靜態檔案
hexo s #啟動伺服器

然後用瀏覽器訪問http://localhost:4000, 此時,你應該看到了一個漂亮的部落格了,當然這個部落格只是在本地的,別人是看不到的,hexo3.0使用的預設主題是landscape。
這裡寫圖片描述
補充說明:此時有可能你啟動服務會報錯,一般是端口占用,可以通過如下命令更改:

hexo server -p 5000

通過以下命令可以檢視我目前的環境:

hexo –v

常用的組合:

hexo d -g #生成部署
hexo s -g #生成預覽

GitHub

已經有Github帳號跳過此步,進入Github進行註冊。

建立repository

這裡寫圖片描述

建立時,只需要填寫Repository name即可,當然這個名字的格式必須為youname(你github的名字).github.io,例如我的為hfbin.github.io

這裡寫圖片描述

部署本地檔案到github

在D:\hexo 目錄中找到_config.yml , 並開啟,加入如下內容

deploy: 
  type: git
  repository: [email protected]:hfbin/hfbin.github.io.git
  branch: master

如果你是第一次使用Github或者是已經使用過,但沒有配置過SSH,這時你要配置一下你電腦的SSH:

根據這個路徑C:\Users\HUANGFUBIN(你電腦的名字)\.ssh 如果你還沒有.ssh
這個資料夾那就不用理往下,如果有將這個資料夾刪除 ,下面會教如何生成:

輸入以下指令(郵箱就是你註冊Github時候的郵箱)後,回車,出現提示讓你輸入的時候直接先回車,需要三次:

ssh-keygen -t rsa -C "[email protected]"

這裡寫圖片描述

命令如下:

ssh-keygen -t rsa -C "[email protected]"
ssh-agent -s
ssh-add ~/.ssh/id_rsa
eval `ssh-agent -s`
ssh-add
clip < ~/.ssh/id_rsa.pub

這時候開啟C:\Users\HUANGFUBIN(你電腦的名字)\.ssh 如圖:
這裡寫圖片描述

開啟id_rsa複製裡面的內容,複製時候不要複製少 ctrl+A 全選 ctrl+C 複製,這時複製好後可以到到Github上用了:

這裡寫圖片描述

最後測試一下是否連結成功,鍵入以下命令:

ssh -T git@github.com

這時候會有警告,輸入“yes”就好

這裡寫圖片描述

繼續執行下面命令:

npm install hexo-deployer-git --save

如果不執行上面命令等一下執行 hexo d 會報錯

以上就表示SSH配置好了,執行以下命令部署到Github上。

hexo g
hexo d

此時可以說完工了,下面你可以訪問一下yuoname(hfbin).githui.io, 就可訪問到你部署在github上面的專案了

釋出一篇文章

在Git Bash執行命令
hexo new "frist blog"

開啟生成的md檔案,在E:\hexo\source\_post中開啟frist-blog.md 檔案,hexo中寫文章使用的是Markdown, Markdown編寫語法有空我會寫一篇文章來介紹:

title: my new post 標題
date: 2016-02-21 16:04:09 發表日期
categories: blog 文章文類
tags: 文章標籤
---
#正文,用markdown寫

寫完後執行命令

hexo g #生成靜態檔案

部署到github上

hexo d

訪問yuoname(hfbin).githui.io ,即可

大功告成 對你有用來個讚唄 老鐵們

下一章介紹 Next 主題的使用

相關推薦

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

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

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

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

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

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

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

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

二、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搭建自己的部落中遇到問題的解決方法及部落美化

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

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

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

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

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

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

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

晚上搭建個人域名部落Github+Hexo

搭建個人域名部落格其實沒有那麼難。下班到家後,九點開始,十二點半的時候就可以訪問了http://www.lvchongstudio.top。 接下來就記錄一下整個搭建的過程,以及這其中的坑,重點是坑。 首先要準備的環境 Node.js git 阿里雲購

Hexo+Github搭建個人部落

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

使用Hexo+Github搭建個人部落

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

Mac下Hexo+GitHub搭建個人部落

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

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

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

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