hexo+github手把手搭建博客

一、简介

hexo中文官网
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

二、安装软件

准备

下载软件: Node.js、Git

win10系统

下载notepad++

下载Node.js

下载Git

(推荐迅雷下载)

安装Node.js

Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本
nodejs安装教程

注意： 使用 Node.js 官方安装程序时，请确保勾选Add to PATH选项（默认已勾选）

安装完成后需要跟换淘宝镜像。

右键开始菜单，打开Windows PowerShell

切换镜像

npm config set registry http://registry.npm.taobao.org/

安装Git

安装教程

安装hexo

安装git和nodejs后在桌面右键，点击Git Bash Here
输入命令开始安装

npm install hexo-cli -g

输入命令查看版本

hexo -v

三、运行hexo

分别执行下面几条命令

hexo init blog
cd blog
npm install
hexo server

这个时候hexo就在本地运行了

打开浏览器输入网址看看

http://localhost:4000

这个就是hexo最原始的主题了（后面可以更换自己喜欢的主题）。

hexo默认发布了第一篇博客为Hello World。

四、上传博客

博客文档是Markdown格式的。需要安装文档编辑软件和熟悉markdown语法，软件推荐使用typora

安装编辑软件

Typora中文网下载

新建博客

进入刚刚新建的blog文件夹

右键Git Bash Here输入命令

hexo n 第一篇博客

然后会生成要编辑的文件blog\source\_posts\第一篇博客.md
使用Typora打开.md文件

hexo默认会给博客添加标题、时间、标签。

编辑完成后保存
执行生成和部署命令

hexo g
hexo s

打开网站http://localhost:4000可以看到刚刚上传的博客。

五、更换主题

下载主题文件

这里选择第一个主题

next主题官方教程

下载后解压得到主题文件

将解压得到的文件夹移动到blog/themes下，并将文件名改为next

配置

next主题配置教程http://theme-next.iissnan.com/getting-started.html

在blog目录下打开_config.yml文件，通过nodepad++编辑

运行

hexo g
hexo s

打开网站http://localhost:4000发现问题

解决办法

原因是hexo在5.0之后把swig给删除了需要自己手动安装

npm i hexo-renderer-swig

重新运行，打开网站，可以看到刚刚更换的主题

其他主题

更多主题下载

butterfly

目前使用主题：next

---