个人博客–点木
  欢迎点击！！！！
  本博客搭建基于JerryC大佬的Butterfly主题，点击这里进入原文章页面，按照其安装文档可完成博客的搭建，因此，此处不再对博客搭建过程详细讲述，只添加一些没有提及到的环境搭建。

本博客服务器运行使用的为阿里云的学生服务器，系统为Linux。

Git安装

• 安装Git用于向github拉取项目资源，缺少安装，系统将会提醒手动下载各种资源文件，安装也比较简单，只需要使用系统内置的yum命令，等待安装完成即可。

yum -y install git

Node.Js的安装

• 由于安装最新的Node.js版本后，存在一些我无法解决的bug，因此，个人并没有使用最新版的Node.js，使用的系统yum命令进行旧版的Node.js安装,同样，等待安装完成即可。

  yum -y install nodejs

• 如需安装最新版的Node.Js,可以点击传送门前往Hexo主题官方文档，提供了自动安装脚本，不需要麻烦的去下载NodeJs然后上传服务器。具体步骤如下：
  1.使用wget命令下载nvm安装脚本。

  $ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | sh

  2.安装完成后，重启终端并执行下列命令即可安装Node.js。

  nvm install stable

Hexo博客安装

• 以上环境安装成功后便可以使用npm命令安装Hexo，安装命令：

npm install -g hexo-cli

如果提示无法找到npm命令，请使用 yum -y install npm 进行npm指令安装。

• Hexo安装完毕后，创建博客文件夹，并进行初始化，以博客文件夹为DM举例：

hexo init DM
cd DM
npm install

• 安装完成后，将会得到下图所示的目录结构：

• 各部分文件夹简单解释
  _config.yml ：博客配置文件
  1. node_module ：博客生成文件夹
  2. package.json ：博客版本管理
  3. source ：博客资源文件夹
  4. themes ：博客主题文件
• 运行命令，生成静态文件

hexo g

• 命令将会生成两个新文件夹：

  public ：博客生成的静态网页文件夹
  1. scaffolds ：博客跟新记录文件夹

• 安装到此处，博客就已经搭建完毕，使用以下命令便可以开启默认端口4000，可供外部进行访问：

hexo s

注：如果没有打开阿里云的防火墙，依旧无法从外部进行访问，进入阿里云->控制台->进入服务器实例->安全组规则进行配置，端口范围：4000，其余默认即可。

• 打开浏览器，输入ip+端口进行访问

主题设置

• 主题选择
  点击这里前往hexo主题库选择自己喜欢的主题

• 主题配置

  需要个人根据所选择的主题进行配置，这里只讲解Butterfly主题的安装

  进入主题根目录文件夹下（DM目录下），拉取主题。拉取后将会在 themes 下生成主题文件夹 Butterfly

  git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

  1. 进入主题配置文件 _config.yml 切换主题

  theme: landscape
  修改为
  theme: Butterfly

  1. 安装主题渲染器

  npm install hexo-renderer-jade hexo-renderer-stylus --save

  1. 使用 hexo g 生成静态资源，使用 hexo s 开启资源访问，浏览器刷新，就可以看到安装的Butterfly主题。

  [外链图片转存失败(img-kfrG3FZx-1569033572959)(http://modty.top:433/downloadFile/img/ButterflyTest.PNG)]

  1. 主题的具体相关配置请参考 Butterfly 主题的安装文档

Nginx代理

由于 hexo 主题是静态博客，为避免频繁使用 hexo s 命令和暴露服务器开放端口，可以使用 nginx 直接代理静态资源的访问。

• Nginx安装

yum install nginx

• Nginx配置

nginx配置文件默认位于 /etc/nginx/nginx.conf ，因为服务器主要作为博客服务器，因此，直接将80端口的默认访问资源设置为 hexo 博客静态资源

# user nginx 粗暴解决权限问题
user root;

server {
listen       80 default_server;
listen       [::]:80 default_server;
server_name  _;
# root         /usr/share/nginx/html;博客根目录下的public文件夹
root        /root/DM/public;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;

location / {
}
}

• Nginx启动

启动：nginx
立即停止：nginx -s stop
正常停止：nginx -s quit
重载配置文件：nginx -s reload

如果启动nginx提示 80 端口被占用，直接运行以下命令停止端口，停止其他端口修改 80 即可

kill -9 `netstat -anp|grep 80|awk '{printf $7}'|cut -d/ -f1`

• nginx重启完成后，直接通过ip访问，不需要运行 hexo s 和添加端口，至此，博客搭建完毕