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