使用Hexo搭建个人博客(一)

一、前期准备

1.Node.js

hexo是基于node.js的博客框架,所以安装node必不可少

官网下载

傻瓜式安装,不再详述

win+R输入cmd打开cmd指令窗口输入:

1
2
node -v
npm -v

打印出版本号则证明安装成功

因为包管理工具npm使用的是国外的镜像,国内使用非常慢,所以还需要给包管理工具换源(下面是淘宝源镜像)

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

2.Git

Git用来将本地项目托管到Github码云上(推荐)

下载地址(同样傻瓜式安装)

可以参考廖雪峰的Git教程

3.Hexo

使用换源后的包管理器cnpm安装

1
cnpm install hexo-cli -g

hexo -v 验证

二、正式搭建

1.初始化博客

创建博客项目文件夹进行如下操作打开指令窗口

输入指令来初始化项目,生成项目文件:

1
hexo init

安装项目依赖包:

1
cnpm install

接着生成静态文件

1
hexo -g

生成的public内容就是我们最终访问的核心内容

1
2
3
4
5
6
7
8
9
10
11
.
├── .deploy # 需要部署的文件
├── node_modules # 项目所有的依赖包和插件
├── public # 生成的静态网页文件
├── scaffolds # 文章模板
├── source # 博客正文和其他源文件等都应该放在这里
| ├── _drafts # 草稿
| └── _posts # 文章
├── themes # 主题
├── _config.yml # 全局配置文件
└── package.json # 项目依赖信息

2.在本地启动博客

使用以下指令在本地启动:

1
hexo s

启动成功可在浏览器输入地址即可访问到hexo的默认页面和一片自动生成的文章

三、更换主题

在官网找一个自己喜欢的主题下载下来
hexo官网

这里演示使用Ocean主题

可直接参考官方文档安装使用,链接

输入指令:

1
git clone https://github.com/zhwangart/hexo-theme-ocean.git themes/ocean

此时会生成如下文件:

修改文件内容:

接着使用hexo s启动博客

可以看到博客主题修改成功

请我喝杯咖啡吧~

支付宝
微信