📄
hexo
  • Introduction
  • 目录
    • 前言
    • 基本介绍
      • 1.1 安装环境
      • 1.2 基本命令
      • 1.3 初始化
      • 1.4 Markdown书写
      • 1.5 文章Front-matter
      • 1.6 第一篇文章
      • 1.7 部署到Web服务器
      • 1.8 托管到Github或Coding
    • 自定义主题
      • 2.1 修改标题
      • 2.2 去Google化
      • 2.3 替换评论服务
      • 2.4 添加百度统计
      • 2.5 新浪微博挂件
      • 2.6 微信二维码挂件
      • 2.7 添加文章目录
      • 2.8 添加回到顶部按钮
      • 2.9 集成推荐模块
      • 2.10 添加计数器
      • 2.11 添加日历云挂件
      • 2.12 添加站内搜索
      • 2.13 国际化
    • 创建主题
      • 3.1 了解主题目录
      • 3.2 了解布局
      • 3.3 选择技术
    • 插件
      • 4.1 脚本
      • 4.2 插件
      • 4.3 脚本示例
      • 4.4 插件示例
    • 致谢
Powered by GitBook
On this page
  • 1. 安装Nginx
  • 2. 配置静态页面
  • 3. 部署静态站点

Was this helpful?

  1. 目录
  2. 基本介绍

1.7 部署到Web服务器

Previous1.6 第一篇文章Next1.8 托管到Github或Coding

Last updated 5 years ago

Was this helpful?

写完文章,接下来就来发布它,知识重在分享。在本地上查看没有问题之后,那么就可以将博客项目部署到公网服务器上,这样大家才能访问到你的博客。这里讲述如何将静态页面部署到Web服务器上。

Web服务器首选,因为Hexo生成的是静态页面,使用Nginx做Web转发性能杠杠的。特别是在内网搭建个Blog平台啥的,找台没用的电脑,随便就能搭建高性能Web网站,虽然只是静态的,但是还是很炫的。

如果自己拥有服务器(或云服务器,或自己的主机),通过这种方法来部署,应该是最合适的。

1. 安装Nginx

安装非常简单,从下载Nginx软件包。下载完成后,直接解压到本地目录就行了。

打开cmd,进入Nginx目录,执行命令start nginx,然后你就可以在任务管理器中看到nginx的进程了。直接访问浏览器http://127.0.0.1,正常情况下,就能看到Nginx的欢迎界面了。如果不对,90%的可能是因为80端口占用问题,打开配置Nginx配置文件,修改一下默认端口就行了。

2. 配置静态页面

Nginx目录下打开conf/nginx.conf文件,部分内容如下:

...
server {
    listen       8080;
    server_name  127.0.0.1;
    location / {
        root   html;
        index  index.html;
}
...

如上,将默认80改成8080,然后在访问http://127.0.0.1:8080就OK了。下面location就是欢迎页面的访问路径,进入Nginx目录下html目录,可以看到有个index.html文件,这就是欢迎页面。

那么如何将Hexo静态站点部署在Nginx服务器下呢?

3. 部署静态站点

通过Hexo g命令生成的静态站点,默认就是Hexo站点目录中的public文件夹。

将生成好的静态站点(也就是public/目录),拷贝至Nginx目录下的html文件夹中。然后修改Nginx配置文件。

...
server {
    listen       8080;
    server_name  127.0.0.1;
    location / {
        root   html/public;
        index  index.html;
}
...

只是修改了root字段为public目录,其他地方都不变,然后重新加载Nginx,打开cmd,在Nginx目录下执行nginx -s reload,重新访问http://127.0.0.1:8080,就可以看到Hexo静态站点了。在调试页面的时候要注意浏览器缓存的问题

Nginx
官方站点页面