使用Hexo搭建博客并部署到服务器，告别访问延迟的烦恼

---

前言

一般我们的hexo个人博客都是放在github的，但毕竟是国外的东西，部署以及访问都比较麻烦。因此我们可以直接把代码提交到云服务器，然后利用nginx来达到我们想要的快速访问效果，拒绝网络延迟

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、安装所需环境

你想要大展身手肯定需要现有吃饭的家伙对吧，我们先来安装npm和nginx，你们可以装在自己电脑上，下面我是装在windows服务器上仅供参考

1.Node.js安装

去官网下载msi文件

然后我们直接运行就好了

然后我们在命令窗口看一下是否安装好了，因为安装程序已经自动把path加到环境变量了，其他的环境变量配置之后会提到，来吧我们可以直接敲命令看版本号了

node -v
npm -v

然后我们在安装目录新建两个文件夹 node_global 和 node_cache ，然后执行以下命令

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

再来配置一下镜像方便快速下载组件

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

这3步完成之后来看一下是否配置完成了，执行npm config list看一下就ok了

然后在系统环境变量中新建一个变量名为 NODE_PATH 值为C:\nodejs\node_modules

然后编辑用户变量里的Path，将下图的那个路径改为 C:\nodejs\node_global

然后来执行npm更新命令 npm install npm -g ，其实 -g 就是安装至全局，然后安装Hexo来测试吧

npm install hexo -g
hexo -v

2.Nginx安装

去网站下载压缩包，以1.18.0为例

解压后如图

启动nginx有多种方法

(1)直接双击nginx.exe，双击后一个黑色的弹窗一闪而过

(2)在nginx解压目录下打开cmd，输入命令 nginx.exe 或者 start nginx ，回车即可

然后检查nginx是否启动成功

在浏览器地址栏输入网址 http://localhost:80 出现以下页面则是成功了

然后就可以去使用hexo来搭建博客去了

二、使用Hexo搭建博客

1.搭建一个新项目

你先要创建一个存放博客代码的空文件夹，我建立在了 D:\- Blog\youblog 并起名为myblog
然后进入这个文件夹，打开cmd

然后执行初始化命令，可能这时间得等一会儿，完成之后你会发现该文件夹不再那么null了

hexo init

然后执行生成，启动命令

// 编译生成静态页面
hexo g
// 启动本地服务
hexo s

编译后会多个 public 文件夹，里面是生成的相关的html文件，启动服务后就可以在本地输入 http://localhost:4000 来访问了

这个页面就证明已经在本地运行成功了，主题之后教大家改，我们接下来要做的就是提交到服务器，让服务器给我们代理并绑定域名

2.代码提交到服务器

先来看一下我之前的博客部署到linux服务器后的文件内容

可以看看部署到linux服务器

至于windows服务器，则需要配置ssh，端口，git一大堆的东西，我们可以直接将代码放在一个目录后，修改nginx直接访问即可

…

---

总结

暂无