从零搭建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的默认网址,这就需要我们去配置nginx的配置文件。我在配置的时候在网上查到的关于nginx配置文件的有关资料,大部分关于centOS的资料都是说配置位于etc/nginx/conf.d/ 下的dafault.conf 这个配置文件,但是我在配置的时候并没有找到它,后来查看了一下文件结构,阿里云默认的库下载的是fedora版本的nginx,所以我们应该配置的是位于 etc/nginx/ 下的 nginx.conf

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

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

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

编辑 blog.conf文件内容

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

保存并退出
:wq

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

nginx配置

如果以后还想添加新的网站,也可以在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

      git权限设置

      保存退出后 将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/authorzied_keys
      chmod 700 ~/.ssh
      

      然后我们在自己的电脑上自己的电脑上自己的电脑上(重要的事说三遍),打开cmd,使用ssh方式连接我们的云服务器。

      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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容

  • 博客的架构 先搞明白Hexo博客从搭建到自动发布的架构,才能更好的理解我们每一步进行的操作。不然只跟着步骤过了一遍...
    指尖的跳跃阅读 14,238评论 3 10
  • 本文讲解我在搭建Hexo博客的完整过程,主要内容包括GitHub与SSH、FAQ等。 另外还需要注意的是: Hex...
    风清袖一阅读 918评论 0 4
  • 18.06.20,自己的Hexo博客总算Run起来了。不算整主题,来来回回也折腾了我两天才弄好,私以为网上的教程有...
    Hosigus阅读 2,317评论 1 24
  • 我有两个人格,一个醒来的时候另一个就会睡去。 我有两个人格,一个想要倾诉另一个却喜欢孤独。 我有两个人格,一个偏爱...
    锈钟瑟鼓阅读 465评论 2 10
  • 今天下班后不想回家,因此在交大地铁下去天平路逛下 经过一画廊,里面很环境很不错,本来想看一下,是不是咖啡店小坐一会...
    夏日睡莲阅读 79评论 0 0