hexo+github搭建個人部落格

Null指標發表於2018-11-05

前言

不管簡書、掘金或者其他網站,總會感覺不是自己的地盤,所以我就想自己搭建個部落格,可以在自己的一畝三分地上耕耘收穫。不僅如此,以往我寫的部落格都會到處亂放,比如一會放到掘金,一會放到簡書等等,不利於管理,搭建一個自己的部落格也更方便了個人的整理分類。目前來說,hexo還是挺主流的一種搭建部落格的方式,主題也很多,可以供各位選擇。先給大家看下我的部落格

myblog

Hexo介紹

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

安裝Git

我之前有寫過安裝Git的教程,可點選檢視,在這裡我就不再贅述了。

安裝NodeJs

Hexo是基於nodeJS環境的靜態部落格,裡面的npm工具真的很有用啊,不管之後的安裝hexo、統計閱讀時長、博文字數或者新增小萌妹都需要使用到npm工具,所以還是老老實實的裝上吧~

  1. 基本上都是64位的,直接給上64位Windows的下載地址:nodejs.org/dist/v10.13… 或者自己自行到官網下載:nodejs.org/en/
  2. 下載好msi檔案後,雙擊開啟安裝,反正一路next,安裝路徑可以根據自己需要更改。
  3. 安裝完之後開啟cmd視窗(win+r),檢視nodejs安裝的版本。 輸入以下命令:
$ node -v
$ npm -v
複製程式碼

node版本
安裝成功!

安裝Hexo

Hexo安裝就只需要npm工具就行了 npm可以設定淘寶NPM映象,來提高下載速度

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼
  1. 建立一個空的資料夾
  2. 開啟Git Bash(安裝完Git隨處右擊就有“Git Bash here”),cd到資料夾,也可以直接在資料夾內右擊“Git Bash here”
  3. 安裝Hexo
$ npm install -g hexo-cli
複製程式碼

hexo安裝
3. 檢視hexo版本

$ hexo -v
複製程式碼

檢視版本
4. 初始化

$ hexo init
複製程式碼

初始化
看一下資料夾初始化後內容
資料夾
解析一下各檔案:

  • node_modules:是依賴包
  • public:存放的是生成的頁面
  • scaffolds:命令生成文章等的模板
  • source:用命令建立的各種文章
  • themes:主題
  • _config.yml:整個部落格的配置
  • db.json:source解析所得到的
  • package.json:專案所需模組專案的配置資訊
  1. 檢視本地部落格 啟動本地服務
$ hexo s
複製程式碼

訪問本地瀏覽器:http://localhost:4000

本地部落格

寫部落格

  1. 建立.md檔案,目錄:/source/_posts
    第一篇部落格
  2. 博文的屬性
    屬性
---
title: hexo-blog
date: 2018-11-03 16:07:32
tags: 
---
複製程式碼

這裡要說一下 tags 這個屬性,如果需要配置多個有兩種方式:

tags: [tag1, tag2, tag3]
複製程式碼

或者

tags:
  - tag1
  - tag2
  - tag3
複製程式碼

注:Hexo 是支援 Markdown 的所有功能的,所以,最好去學習一下 Markdown 的語法規範。

搭橋到GitHub

  1. 沒有GitHub賬號建立賬號,有的話就看下一步
  2. 建立新的倉庫repository
    新倉庫
    其中Repository name必須是你的github名稱,不然後續會報404錯誤。
    create
  3. 回到gitbash中,配置github賬戶資訊(YourName和YourEail都替換成你自己的)
  4. 建立SSH 第3,4步我之前的博文有教程,這裡就不再詳細描述操作過程了,你也可以找度娘搜尋。
  5. 修改_config.yml檔案
deploy:
  type: git
  repo: https://github.com/yourGitHubName/yourGitHubName.github.io.git
  branch: master
複製程式碼

注意:冒號之後都是有一個半形空格的,沒有的話會出錯! 6. 安裝hexo-deployer-git自動部署釋出工具

$ npm install hexo-deployer-git  --save
複製程式碼
  1. 釋出到Github,命令如下:
$ hexo clean
$ hexo generate
$ hexo deploy
複製程式碼

第一次上傳是需要驗證GitHub賬號的

驗證
當出現下圖字樣表示釋出成功
成功
8. 訪問:yourGitHubName.github.io 注:感覺GitBash中東西太多的時候可以輸入clear來清空命令。

相關文章