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


    1、演示

    访问地址:演示传送门
    开头先来一个效果图。
    image.png

    2、准备服务器

    前面有介绍了一下华为云云耀云服务器L实例评测以及简单的配置用法,具体可以看上篇的博客。
    https://blog.csdn.net/yongqing_/article/details/132867889
    我这里用的是华为云云耀云服务器L实例,2核2G的配置。

    然后我们进入华为云的控制台页面,在安全组tab中放开80端口的入方向限制,以便后面我们能从外网访问这个默认的端口。
    image.png

    3、安装Hexo创建博客

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

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

    以上步骤完成后,我们可以用hexo s 命令先本地启动一下,看看是否可以访问。
    image.png
    这里我们看到日志信息已经启动成功了,此时我们就可以了本地访问了,是不是非常的方便。
    image.png

    4、安装Nginx

    我这里购买云耀云服务器L实例的时候选择了宝塔的镜像管理,我们可以直接在宝塔的软件商店中直接搜索出来,然后一键式安装。
    image.png
    安装完成后我们后面就可以把hexo生成的静态页面托管到这个上面了。

    5、部署并配置静态页面

    我们可以现在本地通过hexo g 生成hexo博客的静态页面文件。
    image.png

    然后我们把生成的public目录通过宝塔页面上传到我们的华为云服务器上面。
    image.png
    宝塔这里有个文件管理的功能,可以像操作本地一样去处理文件,还是比较方便的。
    image.png
    然后我们来配置nginx的映射路径,我们在宝塔的文件管理页面输出下面的路径,然后双击文件来编辑。
    端口和静态页面的路径配置如下:
    image.png

    配置修改完保存后,我们进入到宝塔的软件管理页面,搜索出来nginx,点击设置,这里可以重启或者加载配置都可以,主要为了生效一下我们修改的文件。
    image.png

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

    image.png

  • 相关阅读:
    VMtools安装Euler系统
    【深入理解设计模式】策略设计模式
    【ROS】ros-noetic和anaconda联合使用【实操】
    1110 区块反转 分数 25
    CopyOnWriteArrayList源码分析
    一个不错的开源项目风控引擎(Radar)
    用 VS Code 搞 Qt6:信号、槽,以及QObject
    Linux-常用命令(持续更新中)
    java基于springboot+vue校园电动自行车管理系统
    chrome 相关设置
  • 原文地址:https://blog.csdn.net/yongqing_/article/details/132893555