当前位置: 代码网 > it编程>编程语言>其他编程 > Hexo博客怎么部署到云服务器(阿里云、华为云、腾讯云)——通用保姆级教程(持续更新)

Hexo博客怎么部署到云服务器(阿里云、华为云、腾讯云)——通用保姆级教程(持续更新)

2024年08月02日 其他编程 我要评论
你是不是好不容易一步一步的,按照教程,搭建了个人博客部署到了 GitHub,到最后却发现,访问速度极慢,有时候甚至直接断开链接?是不是图片加载不出来?搜了教程于是开始搞博客图床?到最后发现访问速度还是没有多少提升?看这篇文章,教你如何部署博客到你的云服务器,速度直接起飞,也可以点击访问我的博客,围观如何部署博客到 Gitee Pages 中。

见者有缘,缘来好运。诚邀各位围观我的博客【cs_guider】:
我的云服务器到期了,所以这里放两个部署在码云和 github 的链接:
https://wlei224.gitee.io (gitee托管,速度极快)
https://wl2o2o.github.io(github托管,点击有╰
°▽°
╯)
**

我的开源博客涵盖了持续更新的八股文、java基础、jvm、mysql、linux、框架技术、算法以及其他领域的文章,如果你对此感兴趣,欢迎前来围观!!!


万事第一步:看官方文档

hexo博客的官方文档

安装前提

安装 hexo 相当简单,只需要先安装下列应用程序即可:

  • node.js (node.js 版本需不低于 10.13,建议使用 node.js 12.0 及以上版本)
  • git

如果您的电脑中已经安装上述必备程序,那么恭喜您!你可以直接前往 安装 hexo 步骤。

node.js 的安装

为了后续排错方便,我们使用 nvm 来进行 node 的安装。

# 安装nvm
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/

# 激活配置
$ source ~/.bashrc

image-20230822013352104

node.js 版本限制

如果你坚持使用旧的 node.js,你可以考虑安装 hexo 的过去版本。

请注意,我们不提供对过去版本 hexo 的错误修复。

我们强烈建议永远安装 最新版本 的 hexo,以及 推荐的 node.js 版本

hexo 版本最低版本 (node.js 版本)最高版本 (node.js 版本)
6.2+12.13.0latest
6.0+12.13.018.5.0
5.0+10.13.012.0.0
4.1 - 4.28.1010.0.0
4.08.68.10.0
3.3 - 3.96.98.0.0
3.2 - 3.30.12未知
3.0 - 3.10.10 或 iojs未知
0.0.1 - 2.80.10未知

git 的安装

yum install git-core

image-20230822013716334

安装完毕!!!

开始搭建 git 服务器:

  1. 添加一个 git 用户
# 添加git用户
$ adduser git 

# 改变sudoers文件的权限为文件所有者可写
$ chmod 740 /etc/sudoers
$ vim /etc/sudoers

# 添加一行内容,按esc,再按:wq退出编辑
将 git all=(all) all 添加到root all=(all) all下方

# 将sudoers文件的权限改回文件所有者可读
$ chmod 400 /etc/sudoers 

# 设置服务器的git密码,用于git连接。输入时看不到任何显示,输入完成回车即可
$ sudo passwd git 
  1. 给服务器和主机的 git 配置 ssh 密钥
  • 如果你的本地电脑中已有ssh密钥则跳过这一步,直接到c:\users\你的用户名\.ssh中找到id_rsa.pub通过宝塔面板或者ftp将id_rsa.pub上传到/home/git/.ssh
  • 如果你本地电脑c:\users\你的用户名\.ssh中没有生成过ssh密钥,可以按照如下步骤生成密钥:

    用户
    git config --global user.name "你要设置的git软件的用户名"
    git config --global user.email "你要设置的邮箱"
    
    ssh-keygen -t rsa -c "你刚刚设置的邮箱"
    

为什么要进行通过配置 ssh 密钥?

这样主机和服务器的 git 连接时无需密码即可,更加方便。

  1. 在服务器中新建仓库

    cd /home/git
    git init --bare hexoblog.git #在/home/git下初始化一个名为hexoblog的仓库
    
  2. 配置钩子实现自动部署

    找到/home/git/hexoblog.git/hooks下的post-receive文件,如果没有则新建一个该文件,将其内容改为

    #!/bin/sh
    git --work-tree=/home/www/xxx --git-dir=/home/git/hexoblog.git checkout -f
    

    以上内容是一条命令,前者/home/www/xxx为网页资源目录,后者/home/git/hexoblog.git为云git仓库。意为当主机将静态文件推给服务器的git仓库后,自动触发hooks文件下的脚本,服务器能够自动将文件部署到网页资源目录,也就是什么呢,相当于windows系统中 github 网站的 action,或者也就是git pages部署,只不过在 linux 系统中,操作麻烦一点。

  3. 然后设置网页资源目录的 io 权限,否则 git 没有权限修改网页资源目录的内容,无法实现自动部署!!!

sudo chmod +x /home/git/hexoblog.git/hooks/pre-receive #赋予其可执行权限
sudo chown -r git:git /home/git/ #仓库目录的所有者改为git
sudo chown -r git:git /home/www/ #站点文件夹所有者改为git

hexo 脚手架安装

直接全局安装:

$ npm install -g hexo-cli

安装很慢的话,可以先设置npm的淘宝镜像:

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

官网也给出了进阶局部安装方法,如下:

进阶安装和使用

本地跑一个 hexo 博客 demo

直接参考官方文档,初始化一个博客,已经有hexo博客的话就直接跳过。

在你的博客目录下面的.config.yml中添加远程git仓库的地址,也就是上面我们在服务器中新建的仓库地址,如图:

image-20230824210942989

然后就可以愉快的hexo deploy了。

推荐一起使用:hexo cl && hexo g && hexo d

怎么访问部署到云服务器的博客呢?

云服务器ip:+ 端口号进行访问

在宝塔面板添加站点

由于云服务器在域名没有备案的情况下不开放80端口,所以手动设置一个空闲的32端口用于访问网页。

img

将网站目录设置为如下(自定义即可)

img

这里使用的是宝塔面板,也可以使用nginx进行配置,参考文章:https://blog.csdn.net/weixin_56301399/article/details/129270887

全网最全 seo 强化篇之怎么让百度、谷歌、必应各大搜索引擎收录自己的文章

  • 百度

    • 是需要域名备案的,前提是拥有一台云服务器,所以我先搁置,后续补充
  • 谷歌:google search console

    • 如何进行验证?

    image-20230825013409616
    持续更新中!!!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com