写在前面

Hexo 博客搭好了有差不多两周时间了,这期间走了很多弯路,跳了很多坑。一些坑自己 bing 到了答案,找到了解决方法,一些坑则是自己摸索出来的解决方法。现在准备写几篇关于搭建流程、搭建过程中遇到的问题和解决方法。俗话说得好,好记性不如烂键盘嘛。

暂时准备写三篇关于 Hexo 博客搭建的博文,博客园只放了其中第一篇部署过程,后面两篇在简书和石匠屋可以找到:

  • 关于 Hexo 博客 腾讯云部署过程
  • 关于 Hexo 博客 NexT 主题的美化插件设置 点击这里
  • 关于 Hexo 博客 添加域名映射和 https 点击这里

本文介绍

本博客是关于 Hexo 博客搭建的第一篇,通过三步简述如何将 hexo 博客部署到腾讯云的服务器上。

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

前期准备:

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

本博客中所有操作使用的服务器环境

操作系统 CPU 内存 带宽
CentOS 7.2 64位 1核 2GB 1Mbps

云服务器操作

  1. 登录 腾讯云控制台
  2. 在菜单选择云主机,然后找到你的服务器,并登录。
 
  1. 输入密码,进入 云服务器 CentOS中。(初始密码在控制台右上角的消息列表中)
 
 

云服务器端配置 git

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

    • 安装依赖库:
    yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
    • 安装编译工具:
    yum install gcc perl-ExtUtils-MakeMaker package
  2. 下载 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
  3. 解压编译 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
  4. 配置 git 环境变量

    • 将 git 加入 PATH 目录中
    echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc
    • 使 git 环境变量生效
    source /etc/bashrc
  5. 查看 git 版本

git --version

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

  1. 创建 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 仓库。

  1. 创建一个新的 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

  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-07-12 11:04:09 (487 MB/s) - ‘index.html’ saved [43704/43704]
  1. 测试网页是否能打开
    在浏览器中输入服务器 ip 地址,就是服务器的公网 ip。

  2. 配置 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 值改成自己相应的域名地址

    1. 重启 Nginx 服务
    service nginx restart

到这一步为止,服务器端配置就结束了。接下来,就只剩本地 hexo 的配置了。

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

  1. 设置 hexo 配置文件
    打开你本地的 hexo 博客所在文件,打开站点配置文件(不是主题配置文件),做以下修改。
deploy:
type: git
repo: root@xx.xx.xx.xx:/home/git/hexoBlog //xx.xx.xx.xx为服务器地址
branch: master
  1. 在 hexo 目录下执行部署
cd 你的 hexo 目录
hexo clean
hexo generate
hexo deploy
  1. 用公网 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 博客部署到腾讯云教程

Hexo 博客 之 腾讯云部署过程的更多相关文章

  1. 在Github上面搭建Hexo博客(一):部署到Github

    什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设 ...

  2. Hexo 博客利用 Nginx 实现中英文切换

    本文记录了对 Hexo 博客进行中英文切换的配置过程,实现同一应用共用模版,任何页面可以切换到另一语言的对应页面,并对未明确语言的访问地址,根据浏览器语言进行自动跳转 实现细则 中英文地址区分 博客中 ...

  3. 在腾讯云上部署Hexo博客

    推荐理由 ----搭建个人的空间博客目前深受个人开发者的追捧,然而博客的种类和平台有很多,Hexo是一个开源的静态博客生成器.相比于其他博客而言它只要是web容器就能用.除了闷头专研技术之外,程序员还 ...

  4. Hexo博客部署到腾讯云服务器全过程(Nginx,证书,HTTPS),你要的这里都有

    背景 说来也惭愧,博客已经搭建很久了,一直免费的部署在 Coding 和 Github Pages 上,前者迁移到腾讯云 Serverless,导致原有的配置始终有问题,没时间仔细研究,刚好腾讯服务器 ...

  5. 将Hexo博客部署到云主机

    摘要: 在云主机上搭建一个git裸仓库,然后使用nginx作为网页服务器,就可以轻松将Hexo博客通过git部署到云主机上. 这是一个忧伤的故事 我的博客KiwenLau之前部署在Coding Pag ...

  6. 码云上部署hexo博客框架

    title: 码云上部署hexo博客框架 Hexo框架在码云上实现个人博客 本文受 https://www.jianshu.com/p/84ae2ba1c133 启发编写 本地调试 安装完Node.j ...

  7. 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)

    一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...

  8. 在 Ubuntu 14.04 服务器上部署 Hexo 博客

    版权声明:本文由宋秉金 原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/241080001487926962 来源:腾云阁  ...

  9. Hexo博客部署到远程仓库(Conding、Gitee、Github)

    一.本地环境搭建 1.安装Git Git可以有效.高速的处理各种项目版本管理.也就是用来管理你的hexo博客文章,上传到GitHub的工具. Git下载地址 安装好了之后使用git -version查 ...

随机推荐

  1. Gradle Goodness: Profiling Information

    If we want to know more about how much time is spent in tasks we can use the --profile command-line ...

  2. Winodws SNMP服务安装和配置(Windows 2003 & 2008 R2)

    简单网络管理协议SNMP服务起着代理的作用,它会收集可以向SNMP管理站或控制台报告的信息.您可以使用SNMP服务来收集数据,并且在整个公司网络范围内管理基于Windows Server 2003.M ...

  3. 在js中获取到的页面元素为undefined

    在学习js的过程中发现了一个问题就是:在js代码中获取页面元素进行操作的时候发现怎么都没有效果,控制台也不报错,弹出获取的元素结果发现是undefined类型. 后来查找了资料发现:因为我的js是写在 ...

  4. MySQL优化之Explain命令解读

    简述: explain为mysql提供语句的执行计划信息.可以应用在select.delete.insert.update和place语句上.explain的执行计划,只是作为语句执行过程的一个参考, ...

  5. 学习笔记(1)centos7 下安装nginx

    学习笔记(1)centos7 下安装nginx 这里我是通过来自nginx.org的nginx软件包进行安装的. 1.首先为centos设置添加nginx的yum存储库 1.通过vi命令创建一个rep ...

  6. redhat6 快速部署percona

    1.首先得能访问外网 2.yum install http://www.percona.com/downloads/percona-release/redhat/0.1-4/percona-relea ...

  7. 安装mysql zip 安装包 Navicat连接

    笔者在安装mysql时一直出现各种问题,今天难得成功一次,决定记录一下,留作纪念与参考 安装第一步,下载mysql https://dev.mysql.com/downloads/mysql/ 以在w ...

  8. Linux中将端口(80)重定向

    在Linux中直接指定命令: iptables -t nat -A PREROUTING -p tcp --dport 80 -j REDIRECT --to-port 8080 其中80为要访问的端 ...

  9. HTML5页面CSS Reset

    /*------------------*//*reset*//*------------------*/* {box-sizing: border-box; -webkit-tap-highligh ...

  10. 【Storm一】Storm安装部署

    storm安装部署 解压storm安装包 $ tar -zxvf apache-storm-1.1.0.tar.gz -C /usr/local/src 修改解压后的apache-storm-1.1. ...