Hexo部署

到我的博客 https://hlz.ink 享受更好的阅读体验

Hexo系列第二篇文章

Hexo部署

简要

由于Hexo生成为Html文件(不适用nodejs作为server时),需要将生成的文件/public文件放入Web服务器中,如NginxApache,或者一些支持创建个人网站的代码公开平台,如Github等等,才可以看到效果。

本文将会讨论如何自己在服务器上搭建这样的Web服务器,并安装Hexo,并实现访问。

!请确保你已经拥有了备案好的域名,并切换至root账户中

如果不知道当前账户可以使用whoami查询

安装Web服务器

本人推荐使用宝塔来安装Web服务器,主要原因是可以提供图形化界面和足够稳定的软件。

安装宝塔

此语句仅支持Centos,其他发行版见官网

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

安装结束后,你可以看到宝塔的端口,宝塔的网址,账号和密码。

然后到你的VPS管理面板(如阿里云的控制面板中的安全组),添加入网方向8888端口至0.0.0.0/0即可。

然后访问你的IP:端口/网址就可以访问到宝塔了。

修改用户名和密码!

安装Nginx

宝塔的左栏有应用商城,搜索Nginx,安装任意版本即可。

请确保当前80端口未被占用!

然后到VPS管理面板,打开80443端口

添加解析

打开你的域名解析服务商(如阿里云),在解析中添加A型解析,将@www指向你的IP即可

(解析按需操作即可)

安装Hexo

参考:https://hexo.io/docs/

npm install -g hexo-cli

然后输入

hexo -v

查看安装是否成功

建站

  1. 创建一个文件夹用于存储网页信息,本文以/home/blog为例

    mkdir /home/blog
    
  2. 输入以下语句将hexo框架安装至文件夹中

    hexo init /home/blog
    
  3. 然后进入该文件夹,安装nodejs依赖

    cd /home/blog
    
    npm install
    

    不出意外,你会得到这样的目录:

    .
    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    |   └── _posts
    └── themes
    
  4. 生成初始站点
    在网址目录下(/home/blog),使用如下语句生成初始站点

    hexo g
    

配置Web服务器

  1. 打开宝塔,打开左栏中的网站,添加一个新网站

  2. 域名请输入你刚才在域名解析商那里解析的域名,然后将网站的目录改为/home/blog/public即可

  3. 然后找到网站的编辑选项,打开配置文件部分,删除大概第36到第48行的如下代码

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
            error_log off;
            access_log /dev/null;
        }
        
        location ~ .*\.(js|css)?$
        {
            expires      12h;
            error_log off;
            access_log /dev/null; 
        }
    

现在尝试访问一下你的域名就可以看到Hexo界面了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值