专栏首页程序员充电站(itcharge)Hexo 博客部署到腾讯云教程

Hexo 博客部署到腾讯云教程

本文首发于我的个人博客:『不羁阁』文章链接:传送门

本篇内容用来讲述如何将 hexo 博客部署到腾讯云的服务器上。 只要通过三步即可成功部署:

  1. 云服务器端 git 的配置
  2. Nginx 的配置
  3. 本地端 hexo 的设置更改

前言

最近趁着腾讯云在做活动,买了3年的服务器。正好自己的博客之前是搭建在 coding 上的,现在也可以顺便部署到腾讯云上了。其实过程蛮简单的,即使,你是个对后台一窍不通的小白,也能很容易部署成功。顺便安利下腾讯云的活动。通过以下两步,即可360块钱买到40个月(三年半)的云服务器。

  1. 先点这里 腾讯云服务器活动优惠 购买一年 买12个月,送4个月。即: 16个月120元。不是学生也可以,学生信息随便填写都能通过,目前没有审核机制。
  2. 购买完成后可以去这里续费 腾讯云服务器活动续费,(最好每次续费12个月,因为最多只能续费两次)。这一步花费 240 元。

至此,总共花费 360元。 最后,查看自己的控制台。显示2021-07月 到期

下面开始正式讲解如何部署。

前期需要准备:

  1. 一个腾讯云服务器
  2. hexo 本地博客

顺便说下我的服务器环境:

操作系统

CPU

内存

带宽

CentOS 7.2 64位

1核

2GB

1Mbps

1. 进入云服务器中

  1. 首先点击下边网站,登录你的进入云服务器的控制台 腾讯云服务器的控制台:https://console.cloud.tencent.com/cvm/index

  1. 左边菜单选择云主机,然后找到你的服务器。点击登录

  1. 输入密码,进入 云服务器 CentOS中。(初始密码在控制台右上角的消息列表中)

2. 云服务器端配置 git

  1. 安装依赖库和编译工具
    1. 安装依赖库:

    yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel

    1. 安装编译工具:

    yum install gcc perl-ExtUtils-MakeMaker package

  2. 下载 git
    1. 选择一个目录来存放下载下来的 git 安装包。这里选择了/usr/local/src 目录

    cd /usr/local/src

    1. 到官网找一个新版稳定的源码包下载到 /usr/local/src 文件夹里

    wget https://www.kernel.org/pub/software/scm/git/git-2.16.2.tar.gz

  3. 解压编译 git
    1. 在当前目录下解压 git-2.16.2.tar.gz

    tar -zvxf git-2.16.2.tar.gz

    1. 进入 git-2.16.2.tar.gz 目录下

    cd git-2.16.2

    1. 执行编译

    make all prefix=/usr/local/git

    1. 安装 git 到 /usr/local/git 目录下

    make install prefix=/usr/local/git

  4. 配置 git 环境变量
    1. 将 git 加入 PATH 目录中

    echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc

    1. 使 git 环境变量生效

    source /etc/bashrc

  5. 查看 git 版本
git --version

如果此时能查看到 git 的版本号,说明我们已经安装成功了。

  1. 创建 git 仓库,用于存放博客网站资源。
  • home/git 的目录下,创建一个名为hexoBlog的裸仓库(bare repo)。 如果没有 home/git 目录,需要先创建;然后修改目录的所有权和用户权限。
mkdir /home/git/
chown -R $USER:$USER /home/git/
chmod -R 755 /home/git/

然后,执行如下命令:

cd /home/git/
git init --bare hexoBlog.git

刚才这一步主要创建一个裸的 git 仓库。

  1. 创建一个新的 git 钩子,用于自动部署。
    1. /home/git/hexoBlog.git 下,有一个自动生成的 hooks 文件夹。我们需要在里边新建一个新的钩子文件 post-receive

    vim /home/git/hexoBlog.git/hooks/post-receive

    1. i 键进入文件的编辑模式,在该文件中添加两行代码(将下边的代码粘贴进去),指定 Git 的工作树(源代码)和 Git 目录(配置文件等)。

    #!/bin/bash git --work-tree=/home/hexoBlog --git-dir=/home/git/hexoBlog.git checkout -f 然后,按 Esc 键退出编辑模式,输入:wq 保存退出。

    1. 修改文件权限,使得其可执行。

    chmod +x /home/git/hexoBlog.git/hooks/post-receive

到这里,我们的 git 仓库算是完全搭建好了。下面进行 Nginx 的配置。

3. 云服务器端配置 Nginx

  1. 安装 Nginx
yum install -y nginx
  1. 启动 Nginx
service nginx start
  1. 测试 Nginx 服务器
wget http://127.0.0.1

能够正常获取以下欢迎页面说明Nginx安装成功。

Connecting to 127.0.0.1:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: 43704 (43K) [text/html]
Saving to: ‘index.html’

100%[=======================================>] 43,704      --.-K/s   in 0s

2018-03-09 23:04:09 (487 MB/s) - ‘index.html’ saved [43704/43704]
  1. 测试网页是否能打开 在浏览器中输入服务器 ip 地址,就是服务器的公网 ip。
  2. 配置 Nginx 托管文件目录
    1. 接下来,创建 /home/hexoBlog目录,用于 Nginx 托管。

    mkdir /home/hexoBlog/ chown -R $USER:$USER /home/hexoBlog/ chmod -R 755 /home/hexoBlog/

    1. 查看 Nginx 的默认配置的安装位置

    nginx -t

    1. 修改Nginx的默认配置,其中 cd 后边就是刚才查到的安装位置(每个人可能都不一样)

    vim /etc/nginx/nginx.conf

    1. 按方向键,找到如下位置

    server { listen 80 default_server; listen [::]:80 default_server; root /home/hexoBlog; #需要修改 server_name www.bujige.net; #需要修改 # Load configuration files for the default server block. include /etc/nginx/default.d/*.conf; location / { } error_page 404 /404.html; location = /40x.html { } 按i键进入插入模式,将其中的 root 值改为 /home/hexoBlog (刚才创建的托管仓库目录)。 将 server_name 值改成你的域名。

    1. 重启 Nginx 服务

    service nginx restart

至此,服务器端配置就结束了。接下来,就剩下本地 hexo 的配置更改了。

4. 修改 hexo 站点配置文件 git 相关设置

  1. 打开你本地的 hexo 博客所在文件,打开站点配置文件(不是主题配置文件),做以下修改。
deploy:
    type: git
    repo: root@CVM 你的云服务器的IP地址:/home/git/hexoBlog
    branch: master
  1. 在 hexo 目录下执行部署,试试看。
cd 你的 hexo 目录
hexo clean
hexo generate
hexo deploy
  1. 打开你的公网 IP,看是不是已经部署成功了。

  1. 最后一步,更改域名解析。这一步不再做介绍。

参考资料:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Gatsby 博客部署到腾讯云教程

    原文发表于:https://avenirzheng.net/blog/2020/deploying-gatsby-to-tencent-cloud/

    Avenir
  • Mac/Linux/Windows如何从零开始搭建Hexo静态博客并部署到远程平台

    本文同步博客图文( ´▽`):https://www.mintimate.cn/2020/03/19/hexo

    Mintimate
  • 如何将 Hexo 快速部署到云开发静态网站托管

    云开发提供了一项静态网页托管的业务(云开发静态托管), 你可以将你的静态资源(HTML、CSS、JavaScript、字体等)上传到云端, 由腾讯云对象储存和...

    用户1329451
  • 【玩转腾讯云】九.云开发CloudBase快速上手hexo博客

    ① 在产品控制面板中找到云开发CloudBase——立即使用,进入云开发授权开通页面

    一只特立独行的兔先生
  • 【玩转腾讯云】Hexo博客部署腾讯云

    在腾讯云中创建ssh,并将本地的id_rsa.pub中的文件内容全部复制到authorized_keys中

    柠檬y
  • 如何快速搭建 hexo 博客

    本文将简介如何自己的服务器、腾讯云COS及Github Page上部署hexo博客。

    脸滚键盘dj
  • 如何在腾讯云COS部署HEXO博客

    前段时间发现我的博客老是报456错误,而且国内速度加载越来越慢,不知道是什么问题,打算优化下。正在我查资料的时候,突然发现,腾讯云COS竟然支持静态网站部署了,...

    Techeek
  • 【玩转腾讯云】使用Hexo在Cloudbase上搭建自己的静态博客

    Mintimate's Blog:https://www.mintimate.cn

    Mintimate
  • 使用hexo和github pages搭建个人博客

    最近自己买了一个腾讯云主机,系统是CentOS7,于是准备自己搭建一个个人技术博客,采用的可选方案有PHP+MYSQL+WordPress的,可以参考搭建 Wo...

    ccf19881030
  • 拿什么记录下这魔幻又真实的一年

    当这一年还剩下最后不到一个星期,我们试图将阳光、洪水、暴乱、疫情、蝗灾、山火、贫困拼接成一幅游牧的画卷。虽然这些碎片并不能构成一幅完整的地图。

    云存储
  • 基于nodejs的Hexo框架快速搭建静态博客

    我从很早以前开始就有搭建一个博客的想法,最早能够追溯到高中二年级。后来也陆陆续续尝试了搭建一群由静态页面组成的页面体系,后来发现这种页面体系有...

    EatRice
  • 使用Coding和Github来实现双线部署

    Coding 是一个类似于 Github 的一站式软件研发协作管理平台,有必要说明的是,新版 Coding 现已经被腾讯云收购,静态页面的部署依赖于腾讯云的对象...

    Akilar
  • 【玩转腾讯云】用COS+CDN+CI+Hexo+Next+VsCode+智能DNS搭建丝滑的博客

    对于一般的内容而言,使用动态博客较为复杂,需要数据库、运行环境的配合。动态博客的代码也较为复杂,修改代码进行个性化难度较高。

    羽翰尘
  • 个人hexo博客的服务端部署及构建

    之前的Hexo博客放在Github上,速度太慢了,在腾讯云上买了台服务器,将博客放到上面,本节主要阐述Nginx服务端部署+Nginx优化+HTTPS部署。

    公众号guangcity
  • hexo 命令速查小册

    "Everything around you that you call life was made up by people, and you can cha...

    小闫同学啊
  • 如何用Serverless构建博客系统【含源码】

    本期腾讯云大学大咖分享课程邀请到腾讯云高级工程师陈嘉欣教我们如何用Serverless构建博客系统。课程分为四个部分:

    可可爱爱没有脑袋
  • 丝滑的博客:基于COS/CDN/CI/Hexo/DNS

    作者介绍 羽瀚尘:研究生在读,喜欢互联网技术,善于使用公有云服务满足现实需求。 ? ? ? 目前搭建博客有哪些选择呢? 动态博客:WordPress... ...

    云存储
  • 在 Ubuntu 14.04 服务器上部署 Hexo 博客

    本文将介绍如何在一台 Ubuntu 14.04 的 CVM 云服务器上快速部署 Hexo 博客站点,如何快速发布一篇博文并通过云服务器上的私有 Git 仓库部署...

    EarlGrey
  • 如何将 Hexo 博客部署到云开发静态网站托管

    Hexo 是一个快速、简洁且高效的博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在其他平台上,是搭建博客的首选框架。除了在 Github Pages ...

    腾讯云开发TCB

扫码关注云+社区

领取腾讯云代金券