1. 程式人生 > >使用github搭建Hexo部落格

使用github搭建Hexo部落格

今天搞了一晚上搭建Hexo部落格,發現異常得簡單~寫篇部落格記錄下

搭建部落格的框架有很多,學長用的是WordPress,今天拿了Hexo練了下手。

首先這個部落格框架是用node.js寫的,首先就是安裝node.js的環境

------------------------------------------------------------------------------------------------------

linux系統很簡單,終端輸入:

sudo apt-get install nodejs

sudo apt-get install npm(安裝版本管理工具)

就安裝好環境了,檢視有沒有安裝好的方法:

node -v會顯示node.js版本號

npm -v會顯示工具的版本號

windows下就百度一下應該也蠻簡單,只是linux連環境變數都不用配置hhhh

------------------------------------------------------------------------------------------------------

由於這個框架是github託管的,自然就要安裝git了linux直接sudo apt-get install git就行,windows下安裝git bush

然後就建立個資料夾作為存放部落格檔案的倉庫,接下來就要去github上建立一個倉庫了。

github真良心。。登入github點選加號建立倉庫,然後把倉庫名字取為:你的id.github.io

比如我的名字是iunique,倉庫名字像這樣:


然後點確定。。這樣這個域名就屬於你的了,每個賬號允許註冊一個這種域名

建立成功後就可以在位址列輸入iunique.github.io就可以訪問你的域名了

下面說一下我學到的基本的上傳文章操作:

在你準備好的倉庫裡面,如果是windows就git bush here

linux直接在檔案處開啟終端

------------------------------------------------------------------------------

安裝hexo:

npm intall hexo -g

等一會hexo就安裝好了

命令:hexo -v  檢視是否成功

命令:hexo init  等待大概幾分鐘就初始化好了

命令:npm install  會安裝各種元件

命令: hexo g  會部署hexo部落格

命令hexo s  開啟伺服器

之後會提示在localhost:4000可以訪問頁面了,如果訪問失敗可能是4000埠沒有開啟:

ctrl+c停止後修改埠:

hexo server -p  埠號

之後,如果以前在該伺服器上加入過ssh key到你的github賬號上就可以直接跳過這一步:

----------------------------------------------------------------------------------------------------------

安裝完git後:cd ~/.ssh

ssh-keygen -t rsa -C "這裡填寫你的郵箱地址"

會在該檔案下生成祕鑰,

 輸入eval "$(ssh-agent -s)",新增金鑰到ssh-agent,

再輸入ssh-add ~/.ssh/id_rsa,新增生成的SSH到ssh-agent

來到github頁面,點setting,吧id_rsa裡的東西複製進ssh keys裡,title隨便打

輸入ssh -T [email protected],顯示hi+你id就說明新增成功了

----------------------------------------------------------------------------------------------------------

部署hexo:

來到你的倉庫,有個_config.yml,用編輯器開啟,來到最後幾行,修改:


repository後面的是你的倉庫的ssh key,注意冒號後面要打空格,我一開始就是少打了空格所以沒有部署成功

輸入命令:

hexo new post "文章名"

在該檔案下的source下的_post目錄下會生成文章檔案

用編輯器開啟就可以進行文章編輯了,這個有嚴格的格式要求:

---
title: title #文章標題
date: 2018-06-04 22:45:44 #文章生成時間
categories: "分類" #文章分類目錄,可略
tags: #文章標籤 可略
     - 標籤1
     - 標籤2
 description: #本文描述 可略

---

這個橫線下面填文章內容

輸入安裝擴充套件:

npm install hexo-deployer-git --save

輸入生成檔案以及部署:

hexo d -g

然後你就可以輸入域名看見剛剛寫好的文章了:

https://iunique.github.io

ps:如果沒有效果在iunique.github.io倉庫下的setting看看是不是域名填錯了

要為iunique.github.io這種格式(想要繫結其他的域名應該也可以設定)

還有就是_config.yml中資料填錯了

附上我搭好的hexo部落格:

下面是我摘錄的一些hexo的命令~過幾天有時間好好學怎麼佈置裝扮hexo部落格

參考網站:

hexo

npm install hexo -g #安裝  
npm update hexo -g #升級  
hexo init #初始化

簡寫

hexo n "我的部落格" == hexo new "我的部落格" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #啟動服務預覽
hexo d == hexo deploy#部署

伺服器

hexo server #Hexo 會監視檔案變動並自動更新,您無須重啟伺服器。
hexo server -s #靜態模式
hexo server -p 5000 #更改埠
hexo server -i 192.168.1.1 #自定義 IP

hexo clean #清除快取 網頁正常情況下可以忽略此條命令
hexo g #生成靜態網頁
hexo d #開始部署

監視檔案變動

hexo generate #使用 Hexo 生成靜態檔案快速而且簡單
hexo generate --watch #監視檔案變動

完成後部署

兩個命令的作用是相同的
hexo generate --deploy
hexo deploy --generate

hexo deploy -g
hexo server -g

草稿

hexo publish [layout] <title>

模版

hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啟預覽訪問埠(預設埠4000,'ctrl + c'關閉server)
hexo deploy #將.deploy目錄部署到GitHub

hexo new [layout] <title>
hexo new photo "My Gallery"
hexo new "Hello World" --lang tw

變數描述
layout佈局
title標題
date檔案建立日期
title: 使用Hexo搭建個人部落格
layout: post
date: 2014-03-03 19:07:43
comments: true
categories: Blog
tags: [Hexo]
keywords: Hexo, Blog
description: 生命在於折騰,又把部落格折騰到Hexo了。給Hexo點贊。

模版(Scaffold)

hexo new photo "My Gallery"

變數描述
layout佈局
title標題
date檔案建立日期

設定文章摘要

以上是文章摘要 <!--more--> 以下是餘下全文 

寫作

hexo new page <title>
hexo new post <title>

變數描述
:title標題
:year建立的年份(4 位數)
:month建立的月份(2 位數)
:i_month建立的月份(去掉開頭的零)
:day建立的日期(2 位數)
:i_day建立的日期(去掉開頭的零)

推送到伺服器上

hexo n #寫文章
hexo g #生成
hexo d #部署 #可與hexo g合併為 hexo d -g








相關推薦

使用github搭建Hexo部落

今天搞了一晚上搭建Hexo部落格,發現異常得簡單~寫篇部落格記錄下搭建部落格的框架有很多,學長用的是WordPress,今天拿了Hexo練了下手。首先這個部落格框架是用node.js寫的,首先就是安裝node.js的環境----------------------------

使用Hexo+Github搭建個人部落

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

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

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

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

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

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

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

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到此目錄下

在伺服器/GitHub搭建Hexo部落

  本文章首發於:http://www.xtstarry.top/index.php/2018/07/24/在伺服器-github上搭建hexo部落格/ 前言 Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在

Github Pages+Hexo部落搭建極簡版教程

目錄 1.環境安裝 1.1安裝nodejs與git 1.2檢查是否安裝成功 2.安裝hexo 2.1安裝命令 2.2hexo初始化 3.更換hexo主題 4

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

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

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

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

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

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

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

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

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

搭建Hexo部落系統

也許這個教程部署不是特別詳細,因為我主要是參考這個連結:https://blog.csdn.net/weixin_39879178/article/details/80319392 感覺這裡已經寫的很詳細了,所以有些我也就不再重複了。完全小白可以參考這個連結。有一定的基礎,可以參考我的這個教程安裝。必定能馬

Mac搭建Hexo部落及NexT主題配置優化

前言 最近看到陽春麵的部落格,感覺非常漂亮,正好最近也想自己搭個部落格,記錄一下自己的學習經歷和生活感悟,給自己留下點回憶,同時整理一下自己的思路,於是就想仿照著弄一個類似的靜態部落格網站,正好最近有時間,而且內心搭部落格的念頭越來越洶湧,所以,說幹就幹! 主要內容 拉到陽春