超简单搭建个人博客-hexo

超简单搭建个人博客-hexo

前言

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

一、安装Nodejs

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

下载相应版本安装即可

---

查看node版本

node -v

安装淘宝的cnpm 管理器

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

测试是否成功cnpm -v

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

安装hexo框架

cnpm install -g hexo-cli

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

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

mkdir hexoblog
进入blog目录
cd hexoblog

生成博客

hexo init 

查看博客效果，启动博客

hexo s

默认地址：localhost:4000

显示效果:

创建第一篇文章

hexo n "第一篇文章"

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

在我们的hexoblog博客目录下

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

生成静态文件

hexo g

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

hexo s

三、Hexo部署博客到Github

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

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

仓库名 YourGithubName.github.io

安装hexo的git部署插件

cnpm install --save hexo-deployer-git

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

打开_config.yml文件修改内容

部署到远程仓库

hexo d

github下的仓库如下图：

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

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

四、Hexo更换主题

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

前提

• 需要安装git
• 需要安装nodejs

步骤

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

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

我的博客目录是

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

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

安装pug 以及stylus 的渲染器

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

执行hexo s部署到本地运行

---

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

hexo clean
hexo g
hexo d

执行以上三个命令即可。

五、Hexo部署博客到Gitee

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

安装hexo的git部署插件

cnpm install --save hexo-deployer-git

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

打开_config.yml文件修改内容

部署到远程仓库

hexo d

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

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

点击启动

得到访问网址

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