Hexo之我的个人博客改用自己服务器搭建

点击上方“程序员小明”,选择“星标”

今晚可以不加班!

最近小明介绍完自己用hexo+git搭建个人博客,大家好像更关心的是域名mynamecoder.com,不是应该关注技术嘛,让小明哭笑不得?,今天继续给大家讲一下如果觉得这两个代码托管平台打开加载太慢,我们可以考虑部署到自己的ECS服务器(小明在腾讯云搞活动够买的99元一年的服务器,邀请链接在文末)。

开场白

Hexo(https://hexo.io/zh-cn/) 是一个快速,简单和强大的博客框架,基于 Node.js。

目标

  • 在一台 CentOS 7.2 的 ECS 云服务器上快速部署基于 Hexo 的博客站点

  • 可以在本地简洁快速发布一篇博文到个人云服务器上, 用于个人站点展示

技术点

  • hexo环境搭建

  • git钩子自动部署

准备工作

  • 你能操作的个人电脑PC * 1台

  • 自己能控制的服务器Sever * 1台

服务器配置

默认 ROOT 权限登录

  • 安装 Git Nginx

    yum -y update
    yum install -y git nginx
    
  • Nginx 配置

   mkdir /data/www/hexo
   chmod -R 755 /data/www/hexo

添加 index.html 用于检测配置 Nginx 是否成功

vim /data/www/hexo/index.html

添加如下代码:

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta charset="UTF-8">
  </head>
  <body>
    <p>Nginx running</p>
  </body>
</html>

配置 Nginx 服务器

vim /etc/nginx/nginx.conf

# vim 查找: /listen 80

通过 vim 查找功能找到如下代码, 并修改

......
server {
      listen       80 default_server;
      listen       [::]:80 default_server;
      server_name  www.mynamcoder.com; # 填写个人域名
      root         /data/www/hexo;
  }
......

访问服务器 IP 或者域名显示

Nginx running

Nginx 配置成功

  • Git 配置

1. mkdir /data/GitLibrary
2. chmod -R 755 /data/GitLibrary

Git 初始化裸库

cd /data/GitLibrary
git init --bare hexo.git

创建 Git 钩子(hook)

vim /data/GitLibrary/hexo.git/hooks/post-receive

用于指定 Git 的源代码 和 Git 配置文件

#!/bin/bash
git --work-tree=/data/www/hexo --git-dir=/data/GitLibrary/hexo.git checkout -f

保存并退出后, 给该文件添加可执行权限

chmod +x /data/GitLibrary/hexo.git/hooks/post-receive

本地配置

小明使用的是mac,下面主要讲一下在 MacOS 上安装 node.js、 Git、 Hexo

Windows & Linux 搜索对应平台软件安装即可

  • 安装 Git

    xcode-select --install
    

    按照提示完成安装, 最后在 Terminal 中输入

    git -v
    

    如下显示, 表示 Git 安装成功

    git version 2.11.0 (Apple Git-81)
    
  • 安装 Node.js 和 Npm

Homebrew 在 MacOS 里类似于 CentOS 的 yum

在 Terminal 输入:

  /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

使用 Homebrew 安装 Node.js

  brew install node

在 Terminal 中键入类似的命令, 如下显示, 表示 Node 和 Npm 安装成功

  node -v
  v7.10.0
  npm -v
  4.2.0
  • 安装 Hexo 及相关插件

    npm install hexo-cli hexo-server hexo-deployer-git -g
    

    安装完成后, 在本地初始化博客站点搭建

    hexo init ~/myBlog
    
    # ~/myBlog 即本地存放路径
    

    完成安装, 便可以在本地路径查看项目

  • 本地 Hexo 配置_config.yml,如下修改:

    title: 程序员小明     //页面标题
    subtitle: 一个不加班的程序员     //小标题
    description: 不忘初心,牢记使命     //描述
    author: 小明       //作者
    language: zh-CN     //语言
    timezone:       //时区,可以为空
    
    # URL
    ### If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
    url: http://www.mynamecoder.com      //个人域名
    
    ......
    # 一个是服务器
    deploy:
    - type: git
      repo: root@94.191.25.157:/root/hexo.git
      branch: master
    

部署步骤

将本地部署到服务器

  • 清除缓存

    hexo clean
    
  • 生成静态页面:

    hexo generate
    
  • 将本地静态页面目录部署到云服务器

    hexo deploy
    

    完成 Hexo 个人博客网站搭建, 通过服务器 IP 或者域名即可访问

结束语

以上就是我个人采用Hexo+云服务器搭建个人博客的全部流程,较为完整地介绍了 Hexo 博客的安装及简单配置,服务端如何配置通过 Git 部署 Nginx 及 Linux 简单应用。

如有疑问, 可留言或者搜索引擎解决哈。

购买服务器邀请链接

【新用户限量秒杀】热门云产品限量秒杀,云服务器1核1G 首年99元

640?wx_fmt=png

今日段子

大家能够开心。

昨天公众号发布完文章之后,我在文末写道:如果有一个人点“在看”,我就去吃夜宵。结果,至今我还没吃饭。(我太难啦……呜呜呜)

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值