使用Hexo與Github搭建個人博客

最近在折騰Hexo, 官網解釋Hexo是A fast, simple & powerful blog framework,經過一般折騰,發現的確如此,哈哈,本篇博客,予以記錄如何使用Hexo與Github搭建個人博客

hexo

基本準備

開發工具

node.js Git

項目平臺

Github

掌握

MarkDown

注意事項

快速閱讀幫助文章

開始

開發前的準備

  • 安裝node.js , 下載安裝包一步一步安裝即可

  • 安裝Git ,下載安裝包一步步安裝即可

  • 配置Git,在使用過程中,我們需要對Git進行簡單的配置,主要的目的是爲了讓Git知道"你是誰?"

git config --global user.name "your name"
git config --global user.email "your email"

  • 創建Github賬號,根據網站中的註冊嚮導進行註冊

  • 註冊完成後,創建一個項目,名字爲: yourname.github.io 項目 , 在註冊時候有個Initialize this repository with a README,勾號可以不選,也可以選,其實就是爲了說明這個倉庫是用來幹什麼用的罷了

  • 注意:在這篇博客中,可能有人會說我不會使用Git,在這裏會不會Git對搭建沒影響的

使用Hexo在本地搭建個人博客

  1. 閱讀hexo docs文檔

  2. 在電腦中創建任意文件夾,在該文件夾下執行以下命令

$ npm install -g hexo-cli
  1. 執行完命令後表明你的hexo本地網站已經搭建成功,一條命令默認默認的博客系統已經搭建成功

  2. 搭建成功後,我們還需要了解如何去運行它

4.1 使用以下命令生成發佈的界面(簡寫:hexo g)

 hexo generate

4.2 使用一下命令開啓本地服務器(簡寫:hexo s)

 hexo s --debug  //開啓debug模式,實時查看日誌

4.3 瀏覽器運行http://localhost:4000/

  1. 到此位置一個本地的使用hexo搭建的個人博客已經完成

使用個人博客

在這裏將介紹常用命令,具體命令請觀看官方文檔(https://hexo.io)


$ hexo new title  //創建一個新的md文章

$ hexo new page tags  //創建一個名爲tag的頁面

博客系統的結構組成

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

  • _config.yml : 博客的配置文件
  • package.json :博客的Application data.
  • scaffolds : 模板文件,當你創建一個博客或者頁面,將採用這個文件夾下的對應的模板
  • source: 源文件,包含用戶編輯的網站內容
  • themes : 博客的主題(更多主題可去hexo themes下載安裝使用)

本地配置Github屬性

在hexo的_config.yml的deploy中加入以下語句

deploy:
  type: git
  repo: github的對應倉庫地址,即我們剛纔在github創建的倉庫
  branch: master

發佈至Github

執行hexo d ,系統將部署到Github對應的倉庫

網站訪問

訪問 yourName.github.io 即可 (注意yourname : 這個名字爲你之前創建倉庫起得名字,也就是你的github名字)

綁定域名

購買域名

我們可以去萬網 購買域名,在此之前需要進行登錄註冊

域名認證

購買域名後需要按照相關設置對域名進行使用認證

解析域名

解析完成後,對域名進行解析,解析爲Github

 記錄類型: A

 主機記錄: @ www

 記錄值:192.30.252.154

 提示:需要添加兩次解析,分別問@的和www的解析

github的相關配置

在你的項目中創建CNAME文件,內容爲你的域名

提醒:如果在hexo項目中,需要在public文件夾下創建該文件,因爲Hexo部署項目爲部署的public文件夾的文件


至此關於使用hexo與Github搭建個人博客的基本操作已經講完,感謝大家的支持

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章