1. 程式人生 > >Hexo + Github 之搭建個人部落格

Hexo + Github 之搭建個人部落格

什麼是 Hexo?

Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。hexo中文官網地址 https://hexo.io/zh-cn/

Git安裝

nodeJS 安裝

  • 下載新版或者穩定版全程預設安裝即可
  • windows 系統建議下載 .msi 檔案,不用為配置環境變數發愁
  • 安裝完成後,dos視窗用如下命令檢視是否安裝完成,如果安裝成功會顯示版本號
node -v
v8.9.4

申請github賬號

  • 建立一個倉庫如圖所示
    這裡寫圖片描述
  • 建立完成後,找到設定下的,如圖所示
    這裡寫圖片描述
  • 修改成,如圖所示,然後點儲存
    這裡寫圖片描述

到這裡我們的倉庫已經建好,接下來就是安裝hexo

安裝Hexo

nodeJS和Git都安裝好後,首先建立一個資料夾myblog,用於存放hexo的配置檔案,然後進入myblog裡,開啟git Bash 視窗,進行命令列安裝Hexo。
如果您的電腦中已經安裝上述必備程式,那麼恭喜您!接下來只需要使用 npm 即可完成 Hexo 的安裝。

npm install -g hexo-cli // 全域性安裝

建立站點

安裝 Hexo 完成後,請執行下列命令,Hexo 將會在指定資料夾中新建所需要的檔案。

hexo init //在您的myblog下面執行,以下如同
npm install

新建完成後,指定資料夾的目錄如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
_config.yml

網站的 配置 資訊,您可以在此配置大部分的引數。

  • 網站
    title | 網站標題
    -------- | —
    subtitle |網站副標題
    description |網站描述
    author |您的名字
    language |網站使用的語言
    timezone |網站時區。Hexo 預設使用您電腦的時區。時區列表。比如說:America/New_York, Japan, 和 UTC 。
# Site
title: Heping
subtitle:
description:
author: Heping
language: zh-Hans
timezone: 
footerDesc: "我是阿平,我為自己代言!" 

其中,description主要用於SEO,告訴搜尋引擎一個關於您站點的簡單描述,通常建議在其中包含您網站的關鍵詞。author引數用於主題顯示文章的作者。

主題

其中可以在這裡 瀏覽更多主題,然後在Hexo資料夾下 Git Bash 獲取下來

  • 輸入命令
git clone https://github.com/iissnan/hexo-theme-grace themes/hexo-theme-grace  //(hexo-theme-grace為主題名字),來獲得更多主題

這裡寫圖片描述

  • 修改主題
    _config.yml 下的 theme
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-grace
generate
hexo generate

生成靜態檔案。

選項 描述
-d, --deploy 檔案生成後立即部署網站
-w, --watch 監視檔案變動

該命令可以簡寫為

hexo g
server
hexo server
選項 描述
-p, --port 重設埠
-s, --static 只使用靜態檔案
-l, --log 啟動日記記錄,使用覆蓋記錄格式
寫文章

在C:__my\hpblog\source_posts檔案下,新建.md檔案就可以寫文章,如圖
這裡寫圖片描述

  • 格式要求,標題如下格式
---
title: 我的部落格
---
  • 部落格預覽
    這裡寫圖片描述

釋出部落格

  • _config.yml下的 github 配置
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/yuorname/yuorname.git  //您已經建立好的倉庫
  • 安裝 hexo-deployer-git 自動部署釋出工具
npm instal lhexo-deployer-git  --save
  • 部署網站,該命令一定要在 git Bash 視窗完成
hexo deploy
引數 描述
-g, --generate 部署之前預先生成靜態檔案

該命令可以簡寫為:

hexo d

釋出完成

相關推薦

Hexo + Github 搭建個人部落

什麼是 Hexo? Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。hexo中文官網地址 https://hexo.io/zh-cn/ Git安裝 nodeJ

基於 Hexo + GitHub Pages 搭建個人部落

參考 markdown一些語法 1、 --- title: Hello Blog --- 2、連結[CSDN](https://blog.csdn.net/owenfy) 3、大小標題 ## Quick Start ### Create a new post 4、中間

使用Hexo + GitHub Pages 搭建個人部落

一.前言   之前是在CSDN上寫部落格的,但是無奈其廣告滿天飛,還有因為個人不太喜歡CSDN部落格裡的一些東西,加上看到很多技術大牛都有自己的個人部落格,於是乎!便想著搭建一個自己的個人部落格。其實之前寫部落格還是追求於有很多人來看,以滿足自己這樣的一個慾望,後來慢慢覺得寫部落格無非是記錄一下自己成長的歷

使用Hexo + GitHub Pages搭建個人部落

--- title: github pages+hexo搭建部落格 date: 2017-09-20 10:39:20 tags: ["技術","學習",'部落格'] --- Web 前端愛好者。寫部落格的好處,不是為了寫而寫,而是一個記錄思想的過程。不要考慮它能帶給你什麼,而是你自己從中收穫了什麼。 最近

Hexo + GitHub +Win10 搭建個人部落

終於搭建起了自己的第一個部落格,在這裡記錄一下我這個小白的建站過程~~ 首先,肯定要看一看Hexo的官網,看看官網文件建議怎麼搞

使用 jekyll + github pages 搭建個人部落

1. 新建 github.io 專案 其實 github pages 有兩個用途,大家可以在官方網頁看到。其中一個是作為個人/組織的主頁(每個賬號只能有一個),另一個是作為 github 專案的專案主頁(每個專案可以有一個)。 而 github pages 本身就支援 jekyll

Linux從0到1搭建個人部落系統wordpress

一、搭建系統環境 LAMP指的是Linux,apache,MySQL,php組成的網站系統,這是搭建網站最簡單快速的組合 1. 基礎環境(防火牆) 剛部署好的linux伺服器預設開啟了防火牆,假如你在該伺服器裝一個HTTP並啟動,在別的機器訪問該HTTP是不成功的

使用hexo,-github,-coding搭建免費部落

Updated March 6, 2018 準備環境 windows10 x64 node.js v8.9.3 git version 2.16.1.windows.4 Markdown編輯器:http://markdownpad.com/ 熟練掌握git和github的基本操作

Github Page---- 搭建個人部落網站

利用Github Page 搭建個人部落格網站 轉載請註明出處: 更多精彩文章請關注微信公眾號:猿blog 前言 最近這幾天,沒事幹,想找點事折騰下,於是自己便想到了自己一直想幹的一件事:搭建一個屬於自己的部落格網站。目前搭建個人 blog 網站最好的是用

使用Jekyll + GitHub Pages搭建個人部落

前言 一直就想搭建一個屬於自己的部落格網站,但是一直拖著沒有執行,在一次偶然的機會看到了鴻洋大神的 如何利用github打造部落格專屬域名,就心血來潮,馬上自己動手做了一個,耗時了近一個星期,終於差不多完成了,特意記錄下來,供他人蔘考。 本部落格同步釋出於

Hexo+Netlify快速搭建個人部落

最近想要給自己搭建一個部落格網站,貨比三家後,決定選擇Hexo.io來建站,Netlify來進行程式碼託管和部署。 長話長說,在轉行寫前端之前,我曾做過一段時間網站內容編輯,當時主要使用的是Wordpress。作為傳統動態網站生成器的代表,Wordpress擁有超高市場

利用Github Page 搭建個人部落網站

轉載請註明出處: 更多精彩文章請關注微信公眾號:猿blog 前言 最近這幾天,沒事幹,想找點事折騰下,於是自己便想到了自己一直想幹的一件事:搭建一個屬於自己的部落格網站。目前搭建個人 blog 網站最好的是用 wordpress ,但是那個折騰起來好像還挺麻煩的,再加

github搭建個人部落並在線更新

換部落格比更博還勤的我終於決定寫一篇部落格搭建教程了。。 FAQ Q:\(hexo\)需要本地編譯。\(jekyll\)雖然可以直接上傳\(md\)。。但是如果在github上直接編輯也太難受了叭,畢竟不能線上預覽。。。 A:對於\(hexo\),博主目前也沒有什麼很好的辦法233。(有個叫\(Travis

搭建個人部落 Github + hexo: 如何在其他電腦上更新部落

歡迎點選參觀我的 ——> 個人學習網站 首先將原來電腦上的Hexo目錄下的這幾個檔案複製到新電腦的新建Hexo目錄下 _config.yml package.json

使用Hexo+Github搭建個人部落

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

Hexo + github pages + 阿里雲繫結域名搭建個人部落

申請域名 萬網購買的域名,地址:https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制檯進行解析 控制檯->域名與網站(萬網)->域名->域名列表->解析 設定主機記錄www

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

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

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

Github Pages + Hexo 搭建個人部落

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