使用 Hexo 搭建个人独立博客

2022-09-02 17:07:29 浏览数 (1)

一.前言

一直在博客园写博客,已经写了几年了,博客园也挺好用的,用户多,阅读文章的也多,互动也多。但是自己总有一个想搭建一个独立博客的想法,作为一个 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 版本

代码语言:javascript复制
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

nvm install 16.15.1

安装好之后 check 一下

代码语言:javascript复制
> node -v
v16.15.1
>npm -v
8.11.0

安装 Hexo CLI

直接使用 npm 安装

代码语言:javascript复制
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

使用命令初始化你的博客

代码语言:javascript复制
hexo init myblog

预览博客

代码语言:javascript复制
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 文件里,主要配置如下:

代码语言:javascript复制
title: 代码写诗 - 晓晨博客 # 博客 title
subtitle: ''
description: '晓晨的技术博客' # 博客描述 用于 SEO
keywords: 晓晨的技术博客# 博客关键字用于 SEO
author: 晓晨 # 作者,显示在文章页面
language: zh-CN
timezone: 'Asia/Shanghai'

url: https://xcmaster.com # 博客域名
root: / # 博客路径,放在子目录可以设置此路径 

# 其他设置暂时不用变更

六.常用命令

代码语言:javascript复制
hexo new post hexo # 新建博客

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

hexo s # 预览博客

hexo g # 生成博客

hexo deploy # 发布博客

hexo clean # 清理

七.结束

欢迎访问我的博客查看效果 https://xcmaster.com

0 人点赞