使用 Hexo 搭建個人獨立博客

一.前言

一直在博客園寫博客,已經寫了幾年了,博客園也挺好用的,用戶多,閱讀文章的也多,互動也多。但是自己總有一個想搭建一個獨立博客的想法,作爲一個 Coder,當然是想自己寫,最終由於拖延症始終沒寫得出來。hexo 是一直知道的可以搭建博客的工具,但是一直沒嘗試過,最近試了一下,發現挺好用,並且搭建了我自己的獨立博客,我將會寫幾篇文章分享我搭建的過程。

二.安裝 hexo

hexo 是需要 nodejs 的環境的,它的工作原理是,通過腳本和渲染引擎等等將你的 markdown 文件生成靜態 html 文件,輸出的是一個純靜態的博客。當然相對於動態博客來說,他有很多不足,但是仔細調研下來,發現我的需求基本都是滿足的,沒有什麼特別需求完全可以用它。

nodejs 推薦安裝最新穩定版 16.x

Hexo 安裝最新版 6.x

安裝 Node

Windows 系統的同學可以訪問 NodeJs 中文網下載安裝包直接安裝:http://nodejs.cn/download/

Mac OSX 系統的同學推薦安裝 nvm,通過 nvm 來管理 nodejs 版本

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

nvm install 16.15.1

安裝好之後 check 一下

> node -v
v16.15.1
>npm -v
8.11.0

安裝 Hexo CLI

直接使用 npm 安裝

npm install -g hexo-cli

版本限制:

Hexo 版本 最低兼容 Node.js 版本
6.0+ 12.13.0
5.0+ 10.13.0
4.1 - 4.2 8.10
4.0 8.6
3.3 - 3.9 6.9
3.2 - 3.3 0.12
3.0 - 3.1 0.10 or iojs
0.0.1 - 2.8 0.10

三.Hello World

使用命令初始化你的博客

hexo init myblog

預覽博客

cd myblog

npm i

hexo s

然後訪問 localhost:4000就能看到你的博客了

四.目錄解釋

scaffolds

頁面模板文件夾,默認包含了 draft、page、和 post 三種類型,可以理解爲 PPT 母版。

source

資源文件夾,最常用的文件夾,所有的博客、頁面、圖片、自定義腳本等都可以放到次文件夾裏。

文章都存儲在 source/_posts 目錄下,創建好博客以後可以使用 Typora 編寫博客。

themes

存放主題的文件夾,下載的主題可以存放到裏面,不過 hexo>= 5.0 支持通過 npm 直接安裝主題,就不用手動下載了。

public

發佈後的文件存放命令

五.配置

配置都在 _config,yml 文件裏,主要配置如下:

title: 代碼寫詩 - 曉晨博客 # 博客 title
subtitle: ''
description: '曉晨的技術博客' # 博客描述 用於 SEO
keywords: 曉晨的技術博客# 博客關鍵字用於 SEO
author: 曉晨 # 作者,顯示在文章頁面
language: zh-CN
timezone: 'Asia/Shanghai'

url: https://xcmaster.com # 博客域名
root: / # 博客路徑,放在子目錄可以設置此路徑 

# 其他設置暫時不用變更

六.常用命令

hexo new post hexo # 新建博客

hexo new post --path hexo/start # 新建博客到指定目錄

hexo s # 預覽博客

hexo g # 生成博客

hexo deploy # 發佈博客

hexo clean # 清理

七.結束

歡迎訪問我的博客查看效果 https://xcmaster.com

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