从零搭建Hexo博客并部署阿里云服务器（奶妈级教学）

前言

前天刚买了个云主机，就开始学着搭博客了，参考了挺多大手的博客，最终还是选择使用Hexo来作为自己的博客框架。测试结束了，今天也将自己搭博客过程中踩过的坑做一个输出，希望对有想法要做自己的博客的同学们有一些帮助。

一、云服务器和域名的购买

• 云服务器

服务器我选择的是阿里云这边的，由于自己是学生所以体验了一把阿里云的云翼计划，当然阿里云和腾讯云的价格都差不多，同学们可以自行选择。

• 域名

域名可以上万网自己找自己喜欢的，在这里要说的是，如果是国内的域名是要备案的，我的域名也正在备案当中，大概是6-20个工作日，如果不想等的同学可以购买国外的域名。

二、关于云服务器的操作

• 1.配置安全组规则

由于阿里云是默认不授权80端口的访问的，所以我们要手动配置。

打开阿里云服务器管理控制台->点击左侧安全组->点击右侧的配置规则->点击添加安全组规则

如下图

这是个大坑，如果不设置就无法访问服务器，所以放在第一点说。

• 2.配置服务器环境

  • 1.服务器环境搭建

我们需要nginx作为我们的服务器，所以我们首先要安装nginx。可以使用yum命令直接进行安装。  
安装执行命令如下  
`yum install -y nginx`  
启动服务器：  
`systemctl start nginx`  
`systemctl enable nginx`  
我们要记住的是/etc/nginx/是nginx默认的配置路径，一会要用到。

*   #### 2.配置服务器路由
    

安装并启动服务器后，我们就完成了第一步，现在我们可以尝试使用自己的电脑去访问服务器的公网IP。我们可以惊喜地发现，公网IP可以打开一个nginx的默认网页。这样，我们就成功了第一步。

![nginx访问成功](https://img-blog.csdnimg.cn/20190815132154697.JPG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L05vQ29ydFk=,size_16,color_FFFFFF,t_70)

但是我们实际上是想要让这个地址指向我们的博客，而不是nginx的默认网址，这就需要我们去配置**nginx的配置文件**。我在配置的时候在网上查到的关于nginx配置文件的有关资料，大部分关于centOS的资料都是说配置位于**etc/nginx/conf.d/** 下的**dafault.conf** 这个配置文件，但是我在配置的时候并没有找到它，后来查看了一下文件结构，[阿里云](https://l.gushuji.site/aliyun)默认的库下载的是fedora版本的nginx，所以我们应该配置的是位于 **etc/nginx/** 下的 **nginx.conf** 。

我们先不急着打开这个文件，因为我并不建议直接配置这个文件，我们应该先创建一个新的文件，然后采用include的方式，将这个文件包含进nginx.conf中。

操作如下：  
在/etc/nginx/目录下创建一个文件夹 叫 **vhost**

    cd /etc/nginx
    mkdir vhost
    cd vhost
    vim blog.conf
    

编辑 blog.conf文件内容

    server{
        listen    80;
        root /home/www/website;这里填博客目录存放的地址
        server_name 这里填域名如(www.baidu.com) 如果暂时没有域名就填[阿里云](https://l.gushuji.site/aliyun)的公网ip，以后有了再改回来;
        location /{
        }
    }
    

保存并退出  
`:wq`

打开/etc/nginx/目录下的nginx.conf文件  
`vi /etc/nginx/nginx.conf`

![配置nginx](https://img-blog.csdnimg.cn/20190815132229194.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L05vQ29ydFk=,size_16,color_FFFFFF,t_70)  
如果以后还想添加新的网站，也可以在vhost目录下新建一个conf配置文件。

在刚才我们自己写的blog.conf配置文件中root的路径相应路径建立博客的目录：

    cd /home
    mkdir www
    cd /www
    mkdir website
    

这样我们就可以得到 /home/www/website 作为博客的根路径，就和配置文件中的路径对应上了。

• 3.安装Git以及Node.js

  • 1.安装Node.js

    安装nodejs有很多种方式，我这边就说一种

    curl -sL https://rpm.nodesource.com/setup_10.x | bash -
    yum install -y nodejs
    
    

    安装完成后执行 node -v 和 npm -v 如果打印版本号则安装成功

    [root@localhost /]# node -v
    v10.9.0
    [root@localhost /]# npm -v
    6.2.0
    
    

  • 2.安装Git及配置仓库

    这一部分主要目的是让我们个人的电脑可以通过ssh方式连接到云服务器，然后我们就可以通过命令行方式将我们的博客Po到服务器上。操作如下：
    安装git:
    yum install git
    配置git用户
    adduser git
    修改用户权限:

    chmod 740 /etc/sudoers
    vi /etc/sudoers
    
    

    找到这个位置添加下面这句话
    git ALL=(ALL) ALL
    
    保存退出后 将sudoers文件权限改回原样
    chmod 400 /etc/sudoers
    设置git用户的密码
    sudo passwd git
    切换到git用户，然后在~目录下创建.ssh文件夹

    su git
    cd ~
    mkdir .ssh
    cd .ssh
    
    

    生成公钥密钥文件(这一步很重要，也是我踩过的坑)
    ssh-keygen
    此时在目录下就会有两个文件，分别是
    id_rsa 和 id_rsa.pub
    其中 id\_rsa.pub 就是公钥文件 我们复制一份
    cp id_rsa.pub authorized_keys
    这样目录下就会有一个authorized\_keys文件，它和id\_rsa.pub一模一样。
    最后我们修改它的权限

    chmod 600 ~/.ssh/authorized_keys
    chmod 700 ~/.ssh
    
    

    然后我们在自己的电脑上自己的电脑上自己的电脑上（重要的事说三遍），打开cmd，使用ssh方式连接我们的云服务器。
    
    最后提示
    Welcome to Alibaba Cloud Elastic Compute Service !
    说明登录成功了。
    现在我们要创建一个git的仓库，并且新建一个post-receive文件，操作如下:

    cd ~
    git init --bare blog.git
    vi ~/blog.git/hooks/post-receive
    
    

    输入以下内容：
    git --work-tree=/home/www/website --git-dir=/home/git/blog.git checkout -f
    保存退出并授予该文件可执行权限
    chmod +x ~/blog.git/hooks/post-receive
    至此我们就完成了所有关于服务器端的配置。、

三、关于本地主机的操作

• 1.安装Node.js

  下载地址：Node.js
  安装过程基本直接 下一步 就可以了。
  安装完成后使用cmd查看是否安装成功

  node -v
  
  v10.16.2
  
  npm -v
  
  6.9.0
  
  

  出现版本号说明安装成功

• 2.安装Hexo

  由于使用npm直接下载会有很多人遇到卡顿的问题(国外服务器)，所以我们要做的第一步工作是将npm换成淘宝的服务器。
  cmd输入下面的命令：

  npm config set registry https://registry.npm.taobao.org
  # 然后安装cnpm
  npm install -g cnpm --registry=https://registry.npm.taobao.org
  
  

  接下来就直接安装 hexo

  cnpm install -g hexo-cli
  
  

  然后我们选一个目录用来初始化博客程序
  例如G:/Blog

  cmd输入：

  G:
  cd Blog
  hexo init
  
  

  执行成功后安装两个插件

  npm install hexo-deployer-git --save
  npm install hexo-server
  
  

  之后我们就可以在自己的本机上查看自己的博客了

  hexo g
  hexo s
  
  

  打开浏览器访问 http://localhost:4000

• 3.配置\_config.yml完成服务器的部署

  在刚才生成hexo的目录下，找到\_config.yml，打开它。
  找到deploy 做如下配置

  deploy:
  type: git
  repo: git@这里改为服务器公网IP:/home/git/blog.git       
  branch: master                           
  message:                                  
  
  

  保存退出
  然后尝试写一篇文章并且发布到服务器上

  hexo new "Hello My First Blog"
  hexo clean && hexo generate --deploy
  
  

  在服务器上重新运行nginx服务器
  nginx -s reload

四、完成部署

完成部署后可以去Hexo主题下载自己喜欢的主题，美化博客。
现在去本地主机浏览器上输入域名或者公网IP，访问你的博客吧！

五、结语

欢迎大家访问我的个人博客：Object’s Blog