一.前言
一直在博客園寫博客,已經寫了幾年了,博客園也挺好用的,用戶多,閱讀文章的也多,互動也多。但是自己總有一個想搭建一個獨立博客的想法,作爲一個 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