超简单搭建个人博客-hexo

前言

最近想搭建自己的博客，在网上找了不少教程，自己记录了一下总结。看完这博客希望能帮助到你。共勉！！！

一、安装Nodejs

打开http://nodejs.cn/中文网

image-20210110174819863

下载相应版本安装即可

---

查看node版本

node -v

image-20210110152501288

安装淘宝的cnpm 管理器

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

测试是否成功cnpm -v

image-20210110152718596

二、安装框架、创建项目、运行项目

安装hexo框架

cnpm install -g hexo-cli

测试是否成功hexo -v查看版本

image-20210110154009022

创建存储博客项目的文件夹

mkdir hexoblog
 进入blog目录
 cd hexoblog

image-20210110154642965

生成博客

hexo init 

查看博客效果，启动博客

hexo s

默认地址：localhost:4000

显示效果:

image

创建第一篇文章

hexo n "第一篇文章"

image-20210110155655004

image-20210110155749101

打开文件填写内容（想填什么就填什么）

image-20210110160045078

在我们的hexoblog博客目录下

清理缓存，避免出现缓存问题
 hexo clean

生成静态文件

hexo g

image-20210110160626137

再次启动，打开网址，可以看到我们创建的博客出现了

hexo s

image-20210110160923580

三、Hexo部署博客到Github

除了在github部署在国内的gitee也可以搭建，教程在下方，步骤类似也写出来了。

打开Github，登录账号，没有账号可以创建一个，新建一个repository

image-20210110161615704

仓库名 YourGithubName.github.io

image-20210110162051818

安装hexo的git部署插件

cnpm install --save hexo-deployer-git

安装完成以后在创建博客的目录下可以查看到

image-20210110162811285

打开_config.yml文件修改内容

image-20210110163131639

部署到远程仓库

hexo d

github下的仓库如下图：

image-20210110163637896

访问https://YourGithubName.github.io就可以看到博客内容

image-20210110164119969

注意：开始404可以稍等几分钟再打开即可。

四、Hexo更换主题

Hexo自带的默认主题不是很好看，我们可以按自己需求更换对应的主题，主题由很多，大家可以使用搜索引擎查找，这里我们演示butterfly主题的安装

前提

• 需要安装git

• 需要安装nodejs

步骤

在博客的项目文件夹下打开git bash执行命令

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

我的博客目录是

image-20210110171705581

成功以后在目录可查看主题

image-20210110165746410

修改_config.yml文件（_config.yml文件在博客的项目文件夹下）

image-20210110165855137

安装pug 以及stylus 的渲染器

npm install hexo-renderer-pug hexo-renderer-stylus --save

执行hexo s部署到本地运行

image-20210110171626878

---

如果在github上搭建了此博客，需要部署到github上

hexo clean
 hexo g
 hexo d

执行以上三个命令即可。

五、Hexo部署博客到Gitee

打开https://gitee.com/网址，创建一个仓库。

image-20210110173844159

image-20210110174103788

安装hexo的git部署插件

cnpm install --save hexo-deployer-git

安装完成以后在创建博客的目录下可以查看到

image-20210110162811285

打开_config.yml文件修改内容

image-20210110174203586

部署到远程仓库

hexo d

可以看到仓库多了这些文件

image-20210110174318780

开启 Gitee Pages 静态网页托管服务

image-20210110174404757

点击启动

image-20210110174526824

得到访问网址

image-20210110174622082

这样就完成了hexo到gitee的部署了。