一.前言
一直在博客园写博客,已经写了几年了,博客园也挺好用的,用户多,阅读文章的也多,互动也多。但是自己总有一个想搭建一个独立博客的想法,作为一个 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
文件里,主要配置如下:
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