devbox
凡人多烦事01
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

使用阿里云部署Hexo博客，并且能通过域名安全访问的详细教程_个人博客部署到阿里云服务器域名能访问吗

作者：凡人多烦事01 | 2024-04-17 10:49:18

赞

踩

个人博客部署到阿里云服务器域名能访问吗

（如需转载，请注明出处，十分感谢）
欢迎访问我的博客https://huajieyu001.top/

第一步：购买云服务器和域名，备案

备案是针对服务器在大陆的服务器，备案才能正常通过域名访问，否则是不能访问的。香港之类和国外的地区不需要也无法在国内备案。

1、购买云服务器：

  1. 选择“产品”。

  2. 选择在“计算”栏选择“云服务器ECS”点击进去。
    请添加图片描述

  3. 新页面往下拉会看到有优惠活动，这里可以任选一个，我选择的是2核 2G 3M，99RMB一年的套餐，刚开始搭建议就挑便宜的买就行。

    请添加图片描述

  4. 由于我之前已经买过，点击购买登录账号之后价格就变了。对于没买过这个优惠的用户来说应该还是有99元一年的套餐，如果没有，就任选一个便宜的云服务器ECS购买即可。

    在右边的栏里选择自己所需的配置。（写到的要注意选，没写到的可以随意或者默认）

    在这里插入图片描述

  • 地域：任选一个，建议选大陆的（我选的是杭州），有的城市会显示“暂时无法办理经营性ICP许可证，如有经营性ICP业务请勿选择此地域。”这句话。说明网站不能用于经营获利，备案做博客之类的也还是可以的，但是服务器的位置会影响访问速度，一般离得越近速度越快（虽然有时候感受不出来）。

  • 操作系统：建议选择CentOS类型的Linux系统，这里选择4个当中的任意一个即可。

    在这里插入图片描述

下面的基本上就没选的了，要加配置的话价格会高很多，建议还是找优惠。选好地域和操作系统购买即可（注意最终价格，一定要买便宜的）。

2、配置服务器

  1. 购买之后找到右上角的“控制台”点进去。

    在这里插入图片描述

  1. 在打开的新页面有个“实例”，点一下就会弹出实例的一些信息。

    在这里插入图片描述

  1. 在右边框里点击蓝色字体，就会进入管理实例的详细页面。

    在这里插入图片描述

  1. 进入后的页面如下。

    在这里插入图片描述

  1. 设置实例密码（用于SSH连接），由于我之前设置过了，所以这里显示重置，自行设置即可，这里设置的账号密码要记得保存一下。

    在这里插入图片描述
    在这里插入图片描述

  1. 可以测试一下是否能远程登录，这里建议使用XShell之类的工具，我用XShell来演示（自行在网上下载安装：https://www.xshell.com/zh/xshell/），连接之前确保实例是启动的状态（相当于电脑必须得开着才能用）。

    确认状态

    在这里插入图片描述
    打开XShell开始连接

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    主机这里输入自己服务器的公网IP，然后点击连接

    在这里插入图片描述
    账户填写root（自己选择是否需要记住）

    在这里插入图片描述


    密码填写刚才设置的实例密码，然后连接（自己选择是否需要记住）

    在这里插入图片描述


    显示Welcome to Ali之类的消息就是连接成功了，接下来就可以直接通过XShell操作在阿里云购买的服务器了

    在这里插入图片描述

第二步：安装宝塔面板(CentOS)

1、使用命令安装宝塔服务。

  1. 使用XShell连接云服务器后，在命令行输入下面的命令安装宝塔。
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

  • 1

在这里插入图片描述

  1. 安装会有提示，输入Y继续。
    在这里插入图片描述

  2. 等待安装（大概需要几分钟时间），显示下列信息的时候就是安装好了。
    在这里插入图片描述

  3. 这里会随意分配一个端口（这里是15645）给宝塔面板，我们需要去配置安全组，把这个端口放行才能使用，记得把账号密码复制保存下来，要不然得重新再装比较麻烦。选中文本，会显示出一个图标，点击然后选择复制即可（或者选中文本后点击右键，也有复制选项），接下来去放行端口。
    在这里插入图片描述

  4. 输入bt然后回车，测试一下宝塔是否正常。
    在这里插入图片描述

2、配置安全组，确保能正常访问宝塔面板。

  1. 准备配置安全组。
    在这里插入图片描述
    在这里插入图片描述

  2. 在入方向这边检查刚刚宝塔提示的端口是否已经放行（一般新服务器都还没有放行，需要自己手动放行，以前的宝塔是分配8888端口，现在则是随机分配），这里没看到15645，点击“手动添加”。
    在这里插入图片描述

  3. 输入目的（端口号）和源（可以自己选择是否加备注），这边模仿已经放行的写就行了。
    在这里插入图片描述

在这里插入图片描述

  1. 在保存之前可以打开宝塔测试一下，待会会更直观的感受到端口放行与否的效果，现在会发现进不去（有的会显示其他的无法访问的信息，不一定是这个页面）。
    在这里插入图片描述

  2. 然后保存，下面是保存后的效果。
    在这里插入图片描述

  3. 然后访问http://xxx:15645/301da75c，xxx是你自己的ip。我这里访问，发现还是访问不了（发现原因是我已经购买过域名，并且已经和这个公网ip绑定备案成功了，如果还没备案，则可以正常访问）。
    在这里插入图片描述

  4. 如果你和我一样备案过了，那就需要使用域名来替换公网ip访问宝塔面板，接下来访问http://huajieyu001.top:15645/301da75c 。huajieyu001.top是我申请的域名，每个人的都不一样，待会会介绍申请域名的过程。
    在这里插入图片描述

3、准备配置环境。

  1. 输入账号密码，用的是刚才从XShell复制下来的账号和密码。

    username: fprsyzke password: 2a268331

    你的账号密码肯定和我的不一样，这里使用你自己的账户。
    在这里插入图片描述
    同意，下一步，这里不用多说
    在这里插入图片描述

  2. 自己注册一个宝塔账号绑定一下（使用宝塔是不收费的，放心注册）。注册好之后登录，宝塔会提示我们安装环境，建议选择LNMP（L是Linux，N是Nginx，M是MySQL，P是PHP），默认是极速安装（省时省力），建议选择编译安装，功能更全面，之后可以搭建基于LNMP的项目。

    在这里插入图片描述
    在这里插入图片描述

等待安装，可能需要几十分钟
在这里插入图片描述

  1. 在这个等待的时间，可以先看下面的其他步骤，可以先申请域名，或者你可以去喝杯茶，或者可以小憩一下。人的生活需要劳逸结合，松弛有度。

    当显示下列信息的时候，说明已经安装完毕了，到这里宝塔面板及环境也算是安装好了
    在这里插入图片描述

第四步：购买域名及备案

1、购买域名

  1. 进入阿里云首页，在“产品”里搜索“域名”，点击下面弹出来的“域名”选项。
    在这里插入图片描述

  2. 可以查询想要的域名，可以选择后缀。
    在这里插入图片描述

  3. 假设这里想要查询<huajieyu.cn>这个域名，则如图输入，点击搜索。
    在这里插入图片描述

这里显示已经被注册了，但是推荐了一些其他的域名，可以自由选择，一般都是第一年比较便宜，后面续费会涨价，购买的时候仔细看清楚价格，一般购买和服务器时间一样
在这里插入图片描述

手头宽裕的话也可以多买一些时间，以后要是别人对你的域名有印象了就会继续通过它来访问你的页面，这个时候要是更换了域名还比较麻烦。下面选择你喜欢的域名，然后点“加入清单”，点击“立即购买”付款即可
在这里插入图片描述

2、备案

  1. 在首页右上角，点击进去。
    在这里插入图片描述

  2. 然后参考备案流程和指引操作即可。
    在这里插入图片描述

  3. 备案会需要一些照片（一般会需要电子白底证件照，其实找面白墙然后喊人帮自己拍好一点就行，还需要手持身份证的照片，也是白底），后面需要打印承诺书手写签名，然后把图片上传，还需要录一个露脸的视频，录制的时候把承诺书的内容读出来，说明是“我是谁”，“我为哪个域名备案”，“今天是xxxx年xx月xx日”。需要注意的一点就是，备案选择的地址，最好和身份证的地址一样，会少一些麻烦，如果是选的不同省份，可能需要出具“居住证明”才能进一步办理。

  4. 安装上述提交备案申请之后，阿里云会先审核，审核过了才会推送给工信部审核（如果你阿里云审核没过，会有阿里云工作人员打电话给你说明是哪些地方填得不太对，一般在提交申请之后的几天之内，碰到阿里云的电话，别以为是推销云服务器啥的直接拒接了，先接接看是不是关于备案的），总的流程下来一般在几天到十几天不等。

第五步：安装Hexo和更换主题

1、安装Node环境

  1. 在“软件商店”搜索“node”，安装“Node.js版本管理器”即可。
    在这里插入图片描述

  2. 点了“安装”之后，点“设置”进行后面的配置。
    在这里插入图片描述

  3. 进来之后先点“更新软件列表”，因为宝塔显示出来的不是最新的列表。
    在这里插入图片描述

  4. 更新后如下，任选比较新的几款安装即可，建议用稳定版。
    在这里插入图片描述

  5. 安装好之后，在“命令行版本”选中刚刚安装的版本。
    在这里插入图片描述

  6. 使用“node -v”和“npm -v”测试，可以看到已经安装好了，不过npm有个警告，这里需要配置一下环境变量。
    在这里插入图片描述

  7. 打开“环境变量”，把第四行的“init.module”替换成“–init-module”，然后保存，再用“npm -v”测试一下。
    在这里插入图片描述

替换前↓
在这里插入图片描述

替换后↓
在这里插入图片描述

  1. 测试正常。
    在这里插入图片描述
安装cnpm
  1. 接下来在XShell使用下列命令安装cnpm，主要是有时候cnpm会比npm的速度快一些，npm的源在国外，cnpm是在国内。
npm install -g cnpm -registry=https://registry.npm.taobao.org

  • 1

  1. 安装好了之后，此时如果使用“cnpm -v”看查看版本信息，验证是否安装成功（下图是成功示例）。
    在这里插入图片描述

  2. 如果没有显示版本信息，需要在“/etc/profile”里添加npm的安装路径的bin文件地址，比如我这里就是需要添加“export PATH=$PATH:/www/server/nodejs/v20.10.0/bin”，使用“npm config get prefix”可以查看npm的安装路径。
    在这里插入图片描述

  3. 换源。先使用“cnpm config get registry”获得当前源，看看是不是淘宝源“https://registry.npm.taobao.org”，不是的话改成淘宝的。

cnpm config set registry https://registry.npm.taobao.org

  • 1

在这里插入图片描述

2、安装Hexo和更换主题。

  1. 使用下列命令安装Hexo，完成后使用“hexo -v”查看版本信息，如果显示如下图则安装成功。
cnpm install -g hexo-cli

  • 1

在这里插入图片描述
在这里插入图片描述

  1. cd进入“/www/wwwroot”，一般宝塔创建项目都会在这个路径内，使用下列命令创建一个文件夹，可以自定义名字，创建好后可以用“ls -l”把当前目录的所有东西罗列出来，可以看到刚刚创建的文件夹了，然后cd进入。
mkdir {文件夹名称，记得删除括号}

  • 1
  1. 在自己的文件夹里初始化一个Hexo博客。
hexo init

  • 1

在这里插入图片描述

  1. 此时可以使用下列命令启动hexo。但是访问的时候需要通过“域名:4000”或者“端口:4000”的方式访问（记得去阿里云把4000端口也给放行了，不然无法访问，步骤同上面放行宝塔使用的端口一致），这时候Hexo已经启动好了，只是不一定可以访问，继续做下一步。
hexo s

  • 1

在这里插入图片描述

  1. 阿里云放行之后，在宝塔这边也添加一下端口规则，添加4000。
    在这里插入图片描述
    在这里插入图片描述

  2. 添加好之后会发现是“正常”而不是“未使用”状态，说明刚刚的项目已经在运行了，占用了端口4000。
    在这里插入图片描述

  3. 此时可以通过4.中描述的方式访问，由于我已经备案了，绑定了域名，所以这里需要使用“域名:4000”的方式来访问，也就是http://huajieyu001.top:4000/，到这里，最难的地方已经过去了，Hexo博客已经成功跑起来了，见下图。
    在这里插入图片描述

  4. 此时此刻，貌似已经大功告成了，但是别人不可能记你的域名还特意去记端口号，别人直接通过域名访问，只会是下面的结果。
    在这里插入图片描述

  5. 后面还需要进行一些配置，别人才能直接通过域名访问我们的博客。首先是在宝塔添加一个Node项目。

项目目录：选择你刚刚创建的项目所在根文件夹，我的是“/www/wwwroot/Hexo20231226”

项目名称：就是网页的名字，自己取一个喜欢的。

项目端口：填“4000”，如果报错了，提示“该端口已被占用”，只需要把启动的Hexo关掉即可，在XShell同时按Ctrl键加C（其实它上面已经提示了关闭的快捷键“Press Ctrl+C to stop.”）。

绑定域名：输入你购买的域名，这里我的是“huajieyu001.top”和“www.huajieyu001.top”。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  1. 输入完成后提交即可。
    在这里插入图片描述

  2. 此时可以正常通过域名http://huajieyu001.top访问，有的人用前面包含“www”的网址，比如http://www.huajieyu001.top访问自己的网址会访问不了，这里也是需要配置的。这里先讲网站可以正常访问，但是显示“不安全”的解决方法。
    在这里插入图片描述

  3. 默认使用的是http协议对网站进行访问，表单之类的传输都是明文传输，保密性很差…直接上图，来一张菜鸟教程的讲解。
    在这里插入图片描述

  4. 我们的Hexo看起来是工作在4000端口的，但是别人通过域名访问的时候，并不是直接通过4000端口访问，而是通过了HTTP工作的80端口再通过4000端口。这里我们需要想办法把HTTP的工作方式修改成HTTPS，会更加安全，而且别人也不会看到那个大感叹号而感觉这是个“风险网站”。先进入阿里云首页，搜索“ssl”（很多证书需要收费，这里我们使用一个免费的）。
    在这里插入图片描述

  5. 直接点击选购，后面有免费证书可以选购。
    在这里插入图片描述
    在这里插入图片描述

  6. 点击“立即购买”，按照流程来即可，购买完成后，会提示进行一些信息的填写，一般证书快的话几十分钟就发出来了，慢的话也不会太久。
    在这里插入图片描述

  7. 由于我已经成功申请过了，这里就说明一下SSL证书的使用方法。之前我们是安装了“LNMP”的环境，这里点证书的“下载”能看到Nginx的，选中后面下载。
    在这里插入图片描述
    在这里插入图片描述

  8. 下载后会得到一个压缩包，解压发现有两个文件，一个是pem，一个是key，使用记事本打开可以看到很多文本。
    在这里插入图片描述

key
在这里插入图片描述

pem
在这里插入图片描述

  1. 回到宝塔，在刚才创建的项目里，可以看到这边提示SSL证书“未部署”，点进去选择“当前证书”，在key栏输入你的key，在pem栏输入你的pem，然后“保存并启用证书”。

在这里插入图片描述
在这里插入图片描述

  1. 把“强制HTTPS”打开，此时通过https://huajieyu001.top（用你自己的域名）尝试访问一下，可以看到不会提示感叹号了，会显示一个带锁的图标，表示网页使用安全的https协议访问。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  2. 此时你的Hexo博客就已经正式算搭建好了，而且能正常通过域名访问，可以上网搜索Hexo的玩法了。关于验证SSL证书的时候，需要在“域名解析”添加记录值，通过验证才会发放SSL证书，比如这里我当时输入的记录值如下第一行。另外补充的一点就是，我们购买的域名是不带www前缀的，比如我的域名是“huajieyu001.top”，但是通过“www.huajieyu001.top”也能访问，就是因为这边添加了“www”的记录值。
    在这里插入图片描述

  3. 添加记录值，“记录类型”选择“A”，“主机记录”把“@”的添加一次，再把“www”的添加一次。记录值填的是你自己的服务器公网IP。
    在这里插入图片描述
    在这里插入图片描述

  4. 如果想更换一些有趣的主题，可以继续往下看，也可以上网搜索Hexo怎么添加文章之类的，这些我就不再赘述了。

更换Hexo主题

  1. 上https://github.com找到想要的Hexo主题（会用github的可以自己选，复制clone链接，跳到步骤4，后面需要克隆主题到阿里云上）。
    在这里插入图片描述
    在这里插入图片描述

  2. 我这里用“butterfly”来演示，先复制clone链接。
    在这里插入图片描述

  3. 在XShell输入下列命令安装git，安装过程可能会提示“Is this ok [y/N]”，输入y然后回车。

yum install git

  • 1

  1. 安装好了以后可以用“git --version”验证是否安装好。接下来clone刚刚的“butterfly”主题到阿里云上面，首先cd进入“/www/wwwroot/Hexo20231226”（进入你自己的项目文件夹内），使用“ls -l”查看文件，可以看到有个名称为“themes”的文件夹，cd进去，之后需要下载的主题都需要克隆到这个文件夹下。
    在这里插入图片描述

  2. 使用下列命令克隆“butterfly”主题。

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

  • 1

  1. 克隆完毕，然后需要返回Hexo的根目录，这里我的项目根目录为“/www/wwwroot/Hexo20231226”。需要对“_config.yml”进行修改，使用“vi _config.yml”把初始化的“landscape”改为“butterfly”，保存退出。
    在这里插入图片描述

  2. “butterfly”的作者提示我们安装一些插件，执行下列命令（有的其他主题可能并不需要，具体使用到哪些环境要看主题，一般作者都会给出提示的）。

npm i hexo-theme-butterfly

  • 1
npm install hexo-renderer-pug hexo-renderer-stylus

  • 1

在这里插入图片描述

  1. 使用clean和generate，重新生成页面，然后使用server启动页面。
hexo clean

  • 1
hexo g

  • 1
hexo s

  • 1

在这里插入图片描述
在这里插入图片描述

  1. 访问一下新主题，效果如下（虽然和作者在github的宣传图差了十万八千~里，不过后面可以DIY的，具体操作可以去项目主页查看）。
    在这里插入图片描述

当关闭SSH连接时，Hexo也会关闭的解决方案。

  1. 假如你不想一直开着电脑挂着一个软件，那就有必要看下去，要不然为了启动这个Hexo博客，还得搭上你自己的电脑一直开着机陪他~~。Hexo可以通过Ctrl+C来关闭，但是SSH工具断开了，它也会关闭，但是我们不可能开着电脑浪费电，不然自己的电脑24小时开着，岂不也成服务器了？这里先测试一下断开之后是否能访问。
    在这里插入图片描述

  2. 断开SSH（XShell）后，画面确实崩掉了，接下来使用screen来帮助我们运行Hexo博客，哪怕SSH已经断开，博客依然可以正常运行。
    在这里插入图片描述

  3. 安装screen。

yum install screen

  • 1
  1. 新建名称为“huajieyu”的虚拟终端（你可以自定义名字）。
screen -S huajieyu

  • 1

  1. 会自动进入终端内，这里可以cd到“/www/wwwroot/Hexo20231226”，然后直接使用“Hexo s”启动Hexo。接下来直接关闭XShell，准备测试一下效果，进程全部关掉了，依然可以访问，说明成功了，终于可以关机省省电了。
    在这里插入图片描述

  2. 当想要关闭博客时，需要关闭5.中启动的screen。

    方法一：使用“screen -ls”查看虚拟终端的id，如下图，然后使用“kill {你的id}”的格式输入命令执行，会发现网站已经成功关掉了。
    在这里插入图片描述


方法二：使用“screen -r {你的虚拟终端名称}”进入你的虚拟终端（也可以称为会话）里，然后按Ctrl+C关闭（由于我要演示，所以又创建了一个虚拟终端）。
在这里插入图片描述
在这里插入图片描述

如果这篇文章对你有用处，麻烦点点赞鼓励一下，感谢老铁。
如需转载，请注明出处，十分感谢。
欢迎访问我的博客https://huajieyu001.top/

完结

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/439811
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号