Hexo 博客 之 腾讯云部署过程
写在前面
Hexo 博客搭好了有差不多两周时间了,这期间走了很多弯路,跳了很多坑。一些坑自己 bing 到了答案,找到了解决方法,一些坑则是自己摸索出来的解决方法。现在准备写几篇关于搭建流程、搭建过程中遇到的问题和解决方法。俗话说得好,好记性不如烂键盘嘛。
暂时准备写三篇关于 Hexo 博客搭建的博文,博客园只放了其中第一篇部署过程,后面两篇在简书和石匠屋可以找到:
本文介绍
本博客是关于 Hexo 博客搭建的第一篇,通过三步简述如何将 hexo 博客部署到腾讯云的服务器上。
- 云服务器端 git 的配置
- Nginx 的配置
- 本地端 hexo 的设置更改
前期准备:
- 一个腾讯云服务器
- hexo 本地博客
本博客中所有操作使用的服务器环境
操作系统 | CPU | 内存 | 带宽 |
---|---|---|---|
CentOS 7.2 64位 | 1核 | 2GB | 1Mbps |
云服务器操作
- 登录 腾讯云控制台
- 在菜单选择云主机,然后找到你的服务器,并登录。

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


云服务器端配置 git
安装依赖库和编译工具
- 安装依赖库:
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
- 安装编译工具:
yum install gcc perl-ExtUtils-MakeMaker package
下载 git
- 选择一个目录来存放下载下来的 git 安装包。这里选择了
/usr/local/src
目录
cd /usr/local/src
- 到官网找一个新版稳定的源码包下载到
/usr/local/src
文件夹里
wget https://www.kernel.org/pub/software/scm/git/git-2.16.2.tar.gz
- 选择一个目录来存放下载下来的 git 安装包。这里选择了
解压编译 git
- 在当前目录下解压
git-2.16.2.tar.gz
tar -zvxf git-2.16.2.tar.gz
- 进入
git-2.16.2.tar.gz
目录下
cd git-2.16.2
- 执行编译
make all prefix=/usr/local/git
- 安装 git 到
/usr/local/git
目录下
make install prefix=/usr/local/git
- 在当前目录下解压
配置 git 环境变量
- 将 git 加入 PATH 目录中
echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc
- 使 git 环境变量生效
source /etc/bashrc
查看 git 版本
git --version
如果此时能查看到 git 的版本号,说明我们已经安装成功了。
- 创建 git 仓库,用于存放博客网站资源。
- 在
home/git
的目录下,创建一个名为hexoBlog
的裸仓库。
如果没有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 仓库。
创建一个新的 git 钩子,用于自动部署。
- 在
/home/git/hexoBlog.git
下,有一个自动生成的hooks
文件夹。我们需要在里边新建一个新的钩子文件post-receive
。
vim /home/git/hexoBlog.git/hooks/post-receive
- 按
i
键进入文件的编辑模式,在该文件中添加两行代码(将下边的代码粘贴进去),指定 Git 的工作树(源代码)和 Git 目录(配置文件等)。
#!/bin/bash
git --work-tree=/home/hexoBlog --git-dir=/home/git/hexoBlog.git checkout -f
然后,按
Esc
键退出编辑模式,输入:wq
保存退出。- 修改文件权限,使得其可执行。
chmod +x /home/git/hexoBlog.git/hooks/post-receive
- 在
到一步为止,git 仓库完全搭建好了。下面进行 Nginx 的配置。
云服务器端配置 Nginx
- 安装 Nginx
yum install -y nginx
- 启动 Nginx
service nginx start
- 测试 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-07-12 11:04:09 (487 MB/s) - ‘index.html’ saved [43704/43704]
测试网页是否能打开
在浏览器中输入服务器 ip 地址,就是服务器的公网 ip。配置 Nginx 托管文件目录
- 接下来,创建
/home/hexoBlog
目录,用于 Nginx 托管。
mkdir /home/hexoBlog/
chown -R $USER:$USER /home/hexoBlog/
chmod -R 755 /home/hexoBlog/
- 查看 Nginx 的默认配置的安装位置
nginx -t
- 修改Nginx的默认配置,其中 cd 后边就是刚才查到的安装位置
vim /etc/nginx/nginx.conf
- 按方向键,找到如下位置
server {
listen 80 default_server;
listen [::]:80 default_server;
root /home/hexoBlog; #需要修改 server_name evenyao.com; #博主的域名,需要修改成对应的域名 # 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 值改成自己相应的域名地址
。- 重启 Nginx 服务
service nginx restart
- 接下来,创建
到这一步为止,服务器端配置就结束了。接下来,就只剩本地 hexo 的配置了。
修改 hexo 站点配置文件 git 相关设置
- 设置 hexo 配置文件
打开你本地的 hexo 博客所在文件,打开站点配置文件(不是主题配置文件),做以下修改。
deploy:
type: git
repo: root@xx.xx.xx.xx:/home/git/hexoBlog //xx.xx.xx.xx为服务器地址
branch: master
- 在 hexo 目录下执行部署
cd 你的 hexo 目录
hexo clean
hexo generate
hexo deploy
- 用公网 IP 访问 hexo 博客

其他可能出现的问题
若出现如下报错,为 git 没有设置SSH key
,创建SSH key
之后重新 hexo d
即可
Error: ssh: Could not resolve hostname cvm XX.XX.XX.XX : nodename nor servname provided, or not known
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
at ChildProcess.<anonymous> (/Users/Yao/Desktop/hexoBlog/node_modules/hexo-util/lib/spawn.js:37:17)
at ChildProcess.emit (events.js:182:13)
at maybeClose (internal/child_process.js:961:16)
at Socket.stream.socket.on (internal/child_process.js:380:11)
at Socket.emit (events.js:182:13)
at Pipe._handle.close (net.js:595:12)
参考
Hexo 博客 之 腾讯云部署过程的更多相关文章
- 在Github上面搭建Hexo博客(一):部署到Github
什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设 ...
- Hexo 博客利用 Nginx 实现中英文切换
本文记录了对 Hexo 博客进行中英文切换的配置过程,实现同一应用共用模版,任何页面可以切换到另一语言的对应页面,并对未明确语言的访问地址,根据浏览器语言进行自动跳转 实现细则 中英文地址区分 博客中 ...
- 在腾讯云上部署Hexo博客
推荐理由 ----搭建个人的空间博客目前深受个人开发者的追捧,然而博客的种类和平台有很多,Hexo是一个开源的静态博客生成器.相比于其他博客而言它只要是web容器就能用.除了闷头专研技术之外,程序员还 ...
- Hexo博客部署到腾讯云服务器全过程(Nginx,证书,HTTPS),你要的这里都有
背景 说来也惭愧,博客已经搭建很久了,一直免费的部署在 Coding 和 Github Pages 上,前者迁移到腾讯云 Serverless,导致原有的配置始终有问题,没时间仔细研究,刚好腾讯服务器 ...
- 将Hexo博客部署到云主机
摘要: 在云主机上搭建一个git裸仓库,然后使用nginx作为网页服务器,就可以轻松将Hexo博客通过git部署到云主机上. 这是一个忧伤的故事 我的博客KiwenLau之前部署在Coding Pag ...
- 码云上部署hexo博客框架
title: 码云上部署hexo博客框架 Hexo框架在码云上实现个人博客 本文受 https://www.jianshu.com/p/84ae2ba1c133 启发编写 本地调试 安装完Node.j ...
- 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)
一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...
- 在 Ubuntu 14.04 服务器上部署 Hexo 博客
版权声明:本文由宋秉金 原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/241080001487926962 来源:腾云阁 ...
- Hexo博客部署到远程仓库(Conding、Gitee、Github)
一.本地环境搭建 1.安装Git Git可以有效.高速的处理各种项目版本管理.也就是用来管理你的hexo博客文章,上传到GitHub的工具. Git下载地址 安装好了之后使用git -version查 ...
随机推荐
- java 编写小工具 尝试 学习(四)
1.在新建 的窗口上 ,添加了一个按钮后 ,给 按钮添加一个事件 ,意思就是 点击按钮后 发生什么事情!不废话 贴图 贴 代码! package jFrameDemo; import java.aw ...
- Python 学习笔记(十)Python集合(二)
集合常用的方法 add() 向集合中增加一个元素,如果集合中已经有了这个元素,那个这个方法就会失效 >>> help(set.add) Help on method_de ...
- AJAX上传文件到服务器
上传文件是常要处理的事情,使用ajaxFileUpload.js处理比较方便,这里的ajaxFileUpload.js文件修改过的, Html部分 <input type="file& ...
- Oracle记录类型(record)和%rowtype
Oracle中的记录类型(record)和使用%rowtype定义的数据类型都是一种单行多列的数据结构,可以理解为一个具有多个属性的对象.其中属性名即为列名. 记录类型(record) 记录类型是一种 ...
- 环境配置之 Debug 和 Release - iOS
便于开发.打包中在不同环境(测试.生产)间属性的切换更加方便便捷流畅,故创建设置此方式方法,希望对大家能有所帮助. 首先,创建 Configurations Setting File(.xcconfi ...
- MySQL必知必会 读书笔记四:数据过滤
过滤数据 WHERE 只检索所需数据需要指定搜索条件( search criteria) ,搜索条件也称为过滤条件( filtercondition) . 在SELECT语句中,数据根据WHERE子句 ...
- 10.31课程.this指向
作用域: 浏览器给js的生存环境(栈). 作用域链: js中的关键字例如var.function...都可以提前声明,然后js由上到下逐级执行,有就使用,没有就在它的父级元素中查找.这就叫做作用域链. ...
- ajaxSubmit 在ie9或360兼容中,form下是空的
解决办法:在<head>....</head>中加入<meta http-equiv="X-UA-Compatible" content=" ...
- JSON API免费接口 各种提供JSON格式数据返回服务网站的API接口
这里为大家搜集了一些能够返回JSON格式的服务接口.部分需要用JSONP调用. 电商接口 京东获取单个商品价格接口: http://p.3.cn/prices/mgets?skuIds=J_商品ID& ...
- Java代码注释
单行注释: 选中代码,按下ctrl+/ 一条代码单行注释:选中一条代码按下ctrl+/,则为一条代码单行注释: 多条代码单行注释:选中多条代码按下ctrl+/,则为多条代码单行注释: 取消注释:对已经 ...