利用云服务器搭架Hexo个人博客

- 日理万妓 2022-06-01 00:10 219阅读 0赞

## 前言 ##

个人在腾讯云上有一个学生云服务器，每月仅需10元，平时可以跑跑东西，一直想自己写一个个人网站，工作量其实太大。所以索性还是搬运一下现成的东西，造不了轮子。个人非常喜欢Hexo搭建的个人博客，偏爱Next主题。很多都是将Hexo博客和GithubPages结合一起进行使用的，但其实GithubPages国内访问速度好像并不理想，经常加载很慢，感觉还不如我这个学生机。索性我就尝试搭在自己云服务器上。附上我的个人博客地址：[链接][Link 1]。

![效果][1240]

## 服务器Nginx配置 ##

1.  登录到Centos系统root用户。
2.  安装 Git Nginx
    
        yum -y update
        yum install -y git nginx
3.  Nginx 配置(创建文件目录, 用于博客站点文件存放)。
    
        cd /usr/local/
        mkdir hexo
        chmod 775 -R /usr/local/hexo/
4.  添加 index.html,用于检测配置 Nginx 是否成功。
    
        vim /usr/local/hexo/index.html
    
    添加如下代码并保存。
    
        <!DOCTYPE html>
        <html>
          <head>
            <title></title>
            <meta charset="UTF-8">
          </head>
          <body>
            <p>Nginx running</p>
          </body>
        </html>
5.  配置 Nginx 服务器。
    
        vim /etc/nginx/nginx.conf
    
    修改server\_name和root；
    
        ......
        server {
              listen       80 default_server;
              listen       [::]:80 default_server;
              server_name  www.xxx.com; # 填写个人域名
              root         /usr/local/hexo/;
          }
        ......
    
    启动nginx服务；
    
        service nginx start
6.  启动浏览器输入云服务器的个人域名或者IP，查看是否呈现index.html内容。

## 服务器Git配置 ##

1.  创建文件目录, 用于私人 Git 仓库搭建, 并更改目录读写权限。
    
        cd /usr/local/
        mkdir blogRepo
        chmod 775 -R /usr/local/blogRepo/
2.  Git 初始化裸库。
    
        cd blogRepo/
        git init --bare hexo.git
3.  创建 Git 钩子(hook)。
    
        vim /usr/local/blogRepo/hexo.git/hooks/post-receive
    
    输入以下信息，用于指定 Git 的源代码 和 Git 配置文件。
    
        #!/bin/bash 
        git --work-tree=/usr/local/hexo --git-dir=/usr/local/blogRepo/hexo.git checkout -f
4.  保存并退出后, 给该文件添加可执行权限。
    
        chmod +x /usr/local/blogRepo/hexo.git/hooks/post-receive

## 本地配置(Mac) ##

1.  安装 Git。
2.  安装 Node.js 和 Npm。  
    Node.js 安装在 MacOS 中需要用到 Homebrew 进行安装管理，所以要先安装Homebrew。
    
        /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
        
        brew install node
3.  测试node和npm是否安装成功。
    
        node -v
        npm -v
4.  安装 Hexo 及相关插件。  
    全局安装 hexo-cli 和 hexo-server
    
        npm install hexo-cli hexo-server hexo-deployer-git -g
    
    安装完成后, 在本地初始化博客站点搭建。
    
        # ~/Documents/myHexo 即本地存放路径
        
        hexo init ~/Documents/myHexo
5.  本地 Hexo 配置。  
    进人~/Documents/myHexo目录, 修改 Hexo 博客站点配置文件 \_config.yml, 如下修改:
    
        title: 页面标题 //页面标题
        subtitle: 小标题 //小标题
        description: 描述 //描述
        author: 作者 //作者
        language: zh-Hans //语言
        timezone: //时区
        
         # URL ### If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/' url: http://leyliu.com //个人域名 ...... # Deployment ### Docs: https://hexo.io/docs/deployment.html deploy: //发布对应的github账号 type: git repo: root@xxx.xxx.xxx.xxx:/usr/local/blogRepo/hexo //用户名@域名或 IP 地址:/usr/local/blogRepo/hexo branch: master

## 本地部署到服务器 ##

1.  清除缓存
    
        cd ~/Documents/myHexo/
        hexo clean
2.  生成静态页面
    
        hexo generate
3.  将本地静态页面目录部署到云服务器
    
        hexo deploy
4.  如果出现错误： ERROR Deployer not found: git，执行：
    
        npm install -save hexo-deployer-git

此时重新访问服务器，即可看到博客部署成功。

## 安装Next主题 ##

1.  下载主题
    
        # 进入本地myHexo的themes文件夹下
        
        cd themes/
        
        # 下载主题
        
        git clone git@github.com:iissnan/hexo-theme-next.git
2.  使用主题  
    打开myHexo下的\_config.yml文件，将主题修改为：
    
        theme: hexo-theme-next
3.  部署
    
        # # 进入本地myHexo路径执行
        
        hexo g
        hexo d
4.  再次访问网站进行验证

## 修改首页不显示全文 ##

进入hexo博客项目的themes/hexo-theme-next目录，打开\_config.yml文件，搜索”auto\_excerpt”,找到如下部分：

# Automatically Excerpt. Not recommand.
    # Please use  in the post to control excerpt accurately.
    auto_excerpt:
      enable: false   # 此处修改为true 则只显示摘要
      length: 150

## 写作 ##

用markdown写文，在开始处要额外加上信息：

--- title: title #文章標題
    date: 2016-06-01 23:47:44 #文章生成時間
    categories: "Hexo教程" #文章分類目錄 可以省略
    tags: #文章標籤 可以省略
     - 标签1
     - 标签2
     description: #你對本頁的描述 可以省略 ---

写好后再放入source文件夹下的\_post下，同样执行 hexo g，hexo d。

## 最后 ##

还是附上我的地址：[会出汗的小背心][Link 1]

[Link 1]: http://118.25.11.159/
[1240]: /images/20220601/eee9aafd9e7d4f0db992bad6b62d2d8c.png