用hexo搭建一个属于自己的博客

什么是hexo？

hexo在GitHub上面介绍:A fast, simple & powerful blog framework, powered by Node.js.

即Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Gitee上，是搭建个人博客的首选框架。

前置准备工作

安装nodejs可以选取一个稳定版本以下操作是以win10为例

1.查看是否安装成功

node -v 查看node版本

npm -v 查看npm版本

在这里插入图片描述

2.安装一个 cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org 淘宝镜像比较快

cnpm -v #查看cnpm版本

3.安装hexo客户端

cnpm install -g hexo-cli #安装hexo框架

hexo -v #查看hexo版本

在这里插入图片描述

注意：以上操作全局均可生效

初始化博客

到指定的地方创建文件夹

进入文件夹后打开powershell 输入命令

1.hexo init 这时候会去克隆对应的代码下来

在这里插入图片描述

2.当前目录下执行 hexo s 命令 #启动本地博客服务
请添加图片描述

3.浏览器输入 http://localhost:4000/ #本地访问地址
请添加图片描述

部署到远端

1.在gitee上面创建仓库(GitHub 也行，不过比较慢)

请添加图片描述

2.在根目录下执行 cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件

3.配置_config.yml 文件
请添加图片描述

仓库地址也即刚刚创建的地址

4.执行命令 hexo d #部署到远程仓库

5.到对应的仓库点击服务

请添加图片描述

6.点击启动或者更新就可以通过上面的网站地址访问(这个地方可能需要实名，需要等)

之后访问对应的地址，就算部署成功
请添加图片描述

更换样式

可以到github上面查找自己中意的主题，里面有对应的操作文档

我的博客

写博客

在写博客前，首先处理一个图片插入的问题(以使用Typora为例)

1.根目录下安装插件 npm install hexo-renderer-marked --save

2.修改配置文件 _config.yml

	设置 post_asset_folder: true

并加上

marked:
prependRoot: true
postAsset: true
请添加图片描述

3.在“Blog->source”下新建"images"文件夹。注意"images"与"_posts"同级。

4.文件->偏好设置->图像设置成如下状态，每次复制进来即更改，存到对应的文件夹下面

请添加图片描述

5.根目录下 hexo n 文件名就可以创建一个md格式的博客，然后对应的写，可以参考markdown格式