华为云云耀云服务器L实例评测-搭建基于hexo的个人博客

1、演示

访问地址:演示传送门
开头先来一个效果图。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第1张图片

2、准备服务器

前面有介绍了一下华为云云耀云服务器L实例评测以及简单的配置用法,具体可以看上篇的博客。
https://blog.csdn.net/yongqing_/article/details/132867889
我这里用的是华为云云耀云服务器L实例,2核2G的配置。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第2张图片
然后我们进入华为云的控制台页面,在安全组tab中放开80端口的入方向限制,以便后面我们能从外网访问这个默认的端口。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第3张图片

3、安装Hexo创建博客

Hexo 依赖于 Node.js 和 Git,需要先安装这两个,这里就不再赘述了。基础环境安装好后,我们开始安装hexo。

  1. 使用npm安装Hexo:
npm install -g hexo-cli
  1. 创建一个新的Hexo博客,并且下载相关的依赖包:
hexo init myblog
cd myblog
npm install
  1. 生成静态网页:
hexo generate 也可以使用缩写 hexo g

以上步骤完成后,我们可以用hexo s 命令先本地启动一下,看看是否可以访问。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第4张图片
这里我们看到日志信息已经启动成功了,此时我们就可以了本地访问了,是不是非常的方便。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第5张图片

4、安装Nginx

我这里购买云耀云服务器L实例的时候选择了宝塔的镜像管理,我们可以直接在宝塔的软件商店中直接搜索出来,然后一键式安装。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第6张图片
安装完成后我们后面就可以把hexo生成的静态页面托管到这个上面了。

5、部署并配置静态页面

我们可以现在本地通过hexo g 生成hexo博客的静态页面文件。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第7张图片

然后我们把生成的public目录通过宝塔页面上传到我们的华为云服务器上面。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第8张图片
宝塔这里有个文件管理的功能,可以像操作本地一样去处理文件,还是比较方便的。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第9张图片
然后我们来配置nginx的映射路径,我们在宝塔的文件管理页面输出下面的路径,然后双击文件来编辑。
端口和静态页面的路径配置如下:
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第10张图片

配置修改完保存后,我们进入到宝塔的软件管理页面,搜索出来nginx,点击设置,这里可以重启或者加载配置都可以,主要为了生效一下我们修改的文件。
华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第11张图片

最后,我们就可以用公网IP地址访问我们的hexo博客系统了,是不是非常的方便舒服呢。有没有感觉到华为云云耀云服务器L实例的丝滑程度,这个配置搭建的博客系统真的是可以了。

华为云云耀云服务器L实例评测-搭建基于hexo的个人博客_第12张图片

你可能感兴趣的:(服务器,运维,华为云)