本教程最终实现的是本地写稿子，利用git推送到阿里云服务器上，nginx代理网站静态文件
本篇教程所需材料：
一台能连上网的电脑，脑子，一台云服务器
最终篇
配置本地环境
1. 安装git
git官网上有教程，那我就再说一遍。
WINDOWS用户：去git官网下载windwos安装包，一直按enter就行了
MACOS用户：
第一种方法：去git官网下载git安装包，直接安装就行了
第二种方法：同学你知道homebrew么，安装完homebrew,输入
brew install git
这样直接安装上去
Linux用户：
Ubuntu,Debian: sudo apt-get install git-core
CentOS: sudo yum install git-core
基于这些系统发行的系统用的人肯定懂，就不用我多说了。
查看安装是否成功就输入
git --version
有版本号显示就证明安装成功了，然后我们需要添加git用户
输入以下命令
git config --global user.name "替换为你的名字"
git config --global user.email 你的邮箱
举个例子
image
2.安装nodejs
打开nodejs官网
windows用户：
下载安装一站式服务，然后记得安装过程中添加上add to PATH这个选项，好像是自动的，咱也不知道
image
MACOS用户：
第一种方法：去git官网下载Nodejs安装包，直接安装就行了
第二种方法：同学你知道homebrew么，安装完homebrew,输入
brew install node
这样直接安装上去
Linux用户
这个教程写的挺详细的
菜鸟教程 nodejs安装配置教程https://www.runoob.com/nodejs/nodejs-install-setup.html
我们输入
node --version
npm --version
出现版本号即为安装成功
3.安装HEXO
按HEXO官网教程，我们首先安装hexo
npm install -g hexo-cli
然后我们需要创建一个文件夹作为你博客的存放位置，我们以blog为例
WINDOWS用户：
一般你打开cmd命令行，默认的位置就是在C:\Users\你用户名这个位置了，然后我们直接输入
hexo init blog
然后我们进入到当前目录你就会发现blog文件夹，进入文件夹你就会发现hexo创建的文件。
image
image
我们打开cmd命令行，输入
cd blog
然后进入blog文件夹
image
MACOS和LINUX类似，不过linux和MACOS可以通过pwd命令来直接确定所在位置，Windows今年的新版命令行是可以用pwd命令的，等官方推送吧
image
然后我们就可以在本地电脑上启动我们的博客了，输入
hexo s --debug
image
记住你电脑上有什么fq软件之类的关掉或者设置windows10代理这个按钮关掉，然后打开浏览器，输入127.0.0.1:4000就能看到你的博客了。
image
image
在命令行按ctrl+c即可停止命令
这个默认主题不好看，我们去找几个好看的HEXO主题。
然后我觉得这个主题不错的，就下载下来了
这是这个主题的地址https://github.com/blinkfox/hexo-theme-matery
我们打开cmd命令行，MACos Linux同理打开终端，输入
cd blog #进入blog文件夹
cd themes #进入themes文件夹
然后我们输入
git clone https://github.com/blinkfox/hexo-theme-matery.git
把主题下载下来，然后我们在文件资源管理器打开blog文件夹然后打开themes文件夹
image
复制文件夹名字，这个就是主题的名字，然后我们返回blog文件夹，
用你喜欢的编辑器，比如windows自带的文本编辑器(强烈不推荐)，用sublime(强烈推荐)打开这个
叫做_config.yml文件
image
image
把主题名字换进去，注意冒号后面有个空格，保存退出就行了，还有一些细节的配置，
https://blinkfox.github.io/2018/09/28/qian-duan/hexo-bo-ke-zhu-ti-zhi-hexo-theme-matery-de-jie-shao/
这个官方文档讲的十分详细，我就不画蛇添足了，然后配置好本地文件之后输入
hexo clean #清理之前的文件
hexo g #生成文件
然后再进行测试
hexo s —debug
查看本地做的博客好看不好看，我的博客做完就是这个样子滴，这个博客名字是一个很羞耻的名字，我也没办法啊，谁去备案谁知道，说多了都是泪~~
image
看起来还行，接下来配置服务器环境。
配置服务器环境
首先我们连接服务器，按我写过的教程做。
然后我们安装nginx
输入
yum install -y nginx
image
回车等他安装完成
输入
nginx -v
确认nginx安装完成
然后我们启动nginx服务，输入
service nginx start
image
然后在浏览器中输入买的服务器的ip地址，就会发现这个界面
image
证明nginx运行正常
接着我们创建一个文件夹来让blog里面的文件放到这个文件里，我们就创建一个blog文件夹吧
输入
cd ..
mkdir var/www
mkdir var/www/blog
image
我们先安装git,输入
yum install -y git
添加用户
useradd git
然后我们进入创建一个git仓库
cd home
git init --bare blog.git
chown -R git:git blog.git
接着配置hook
我们输入ls看看目录下面都有什么
image
然后我们进入blog.git文件夹，输入
cd blog.git/hooks
image
然后我们创建一个新文件，输入
vi post-receive
然后这会进入到这个文件内，我们切换英文输入法，按i,进入insert编辑模式，然后输入我下面写的
#!/bin/bash
rm -rf /var/www/blog #删除我们之前在服务器创建的blog文件夹
git clone /home/blog.git /var/www/blog #把blog.git文件夹内的东西复制到blog文件夹内
image
切换成英文输入法，按:wq键保存并退出。
接着我们赋予这个文件权限，在命令行输入
chmod +x post-receive# 给文件权限
然后我们配置Nginx文件，输入
vi /etc/nginx/nginx.conf
然后我们切换英文输入法，按i
首先在前面
image
image
然后光标向下移动，找到这里
image
image
然后切换成英文输入法,输入:wq，保存并退出。
然后重启Nginx,在命令行输入
service nginx restart
PS：做到这里还无法看到成效
本地发布博客环境配置
做到这里，我们首先打开本地文件夹blog,然后用你喜欢的编辑器编辑_config.yml文件，
翻到最后面有个deploy
输入以下内容
type: git #git前面有个空格
repo: root@你的服务器ip地址:/home/blog.git #root前面有个空格
然后保存退出。
image
我们还需要在本地文件中安装一个git插件，
命令行输入
npm install hexo-deployer-git --save
然后我们写的文章都在blog/source/_post文件下，
我们每次写完文章都把markdown文件放到这个目录下面，然后回到blog文件夹下打开命令行，输入
hexo clean
hexo g
hexo d
就会把本地的内容发布到云服务器上了，你就可以直接在浏览器上输入你的服务器ip地址直接访问你的博客网站了。
image
image
在浏览器中输入你的ip地址，就会出现你的博客
image
如果你想要通过域名访问的话去域名商那边买就行了，到目前为止，你已经搭建了一个博客。
网友评论