一、hexo安装部署到云服务器

1.配置node环境

node官网下载符合你本地操作系统的安装包,安装到<目录,例如我安装到E:/Nodejs/>后打开cmd(win+R输入cmd)

node -v
npm -v

能查看到说明安装成功

2.配置全局环境

进入安装目录,创建文件夹node_global和node_cache并执行

npm config set prefix "E:\Nodejs\node_global"
npm config set cache "E:\Nodejs\node_cache"

环境配置:新增系统变量 Path 和环境变量 Path,值都为:E:\Nodejs\node_global

环境变量:
环境变量.png

系统变量:
系统变量.png

3.安装hexo-cli
npm i hexo-cli -g
hexo

hexo.jpg

出现这样的提示说明hexo安装成功。如果提示命令未找到,或不是可执行程序,请重复步骤2操作,说明环境配置有问题。

4.初始化hexo

新建一个文件夹,这里叫hexoBlog-auto,在该文件夹目录下输入

hexo init

hexo init会去clone github上的hexo项目,初始化成功之后可以去下载你喜欢的主题,我用的是yilia主题,大部分人用的比较多的是next主题,或者去官网搜索更多主题

git clone https://github.com/iissnan/hexo-theme-next themes/next

如果下载了主题,在_config.ymltheme字段修改成你安装的主题,_config.yml中具体的参数会在其他文章里讲。
主题.png

5.运行hexo

在hexo目录cmd中输入

hexo clean
hexo g
hexo s

hexo clean 是清除之前生成过的静态资源文件
hexo g是hexo generate的缩写,将source文件下的md生成静态资源html
hexo s是hexo serve的缩写,启动hexo服务器

运行.png

运行成功后可以打开 http://localhost:4000 查看效果。

6.git环境搭建

git安装:git官网
生成ssh认证

git config --global user.name "yourname" //你的github名称
git config --global user.email youremail@example.com //你的github邮箱
ssh-keygen -t rsa -C "youremail@example.com"   //你的github邮箱,生成ssh公钥私钥
git config --global core.autocrlf false  // 禁用自动转换,这个不设置后面上传时会出现警告,如下

生成的ssh在C:\Users\Administrator\.ssh

7.云服务器配置——搭建远程git仓库

登录到远程服务器,推荐使用Xshell,顺便一起下载Xftp。
以Xshell为例,在主机栏里填写你的公网ip地址
image.png

image.png

点击连接,然后输入账号密码,购买过云服务器,账号密码会在你的邮箱里,密码忘记了可以重置一次密码

1.安装git

git --version // 如无,则安装
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-devel
yum install -y git
useradd git  //添加另一个叫git的用户,在../home/中会多一个git文件夹
passwd ****** // 设置密码
su git // 这步很重要,不切换用户后面会很麻烦
cd /home/git/      //或者 cd ~ ,~是跳到 ../home/git,当前用户的文件夹下
git init --bare hexoBlog.git // 创建一个裸露的仓库
cd hexoBlog.git/hooks
vi post-receive // 创建 hook 钩子函数,输入了内容如下

post-receive 内容

#!/bin/bash
git --work-tree=/home/hexoBlog --git-dir=/home/git/hexoBlog.git checkout -f

然后esc,输入:wq 保存并退出编辑模式
2.修改权限

chmod +x post-receive
exit // 退出到 root 登录,或者 su #
chown -R git:git /home/git/hexoBlog.git // 添加权限

3.测试git仓库是否可用,本地找一个空文件夹

git clone git@你的服务器ip:/home/git/hexoBlog.git

能成功clone说明云服务器git仓库搭建成功

4.建立ssh免密登录服务器

ssh-copy-id -i C:/Users/Administrator/.ssh/id_rsa.pub git@你的服务器ip
ssh git@你的服务器ip // 测试能否登录

ssh-copy-id把本地的公钥提交到了服务器上,本地ssh到服务器时,用本地的id_rsa私钥去连接公钥,能成功是不需要密码的,如果需要密码说明失败了,请仔细对照步骤。

8.云服务器配置——搭建nginx服务器

1.下载并安装nginx

cd /usr/local/src
wget http://nginx.org/download/nginx-1.15.2.tar.gz
tar xzvf nginx-1.15.2.tar.gz
cd nginx-1.15.2
./configure // 如果后面还想要配置 SSL 协议,就执行后面一句!
./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-file-aio --with-http_realip_module
make && make install
alias nginx='/usr/local/nginx/sbin/nginx' // 为 nginx 取别名,后面可直接用

2.配置nginx文件

先启动是否安装成功

nginx // 直接来!浏览器查看 server_ip,默认是 80 端口

修改配置文件

nginx -s stop // 先停止nginx
cd /usr/local/nginx/conf
vi nginx.conf
修改 root 解析路径,如下图,修改完esc :wq保存退出
nginx -s reload //重启

conf文件中找到server_name,设置成自己的公网ip ,root 设置成 /home/hexoBlog
nginx将根目录指定到/home/hexoBlog下,如果你不知道为什么是/home/hexoBlog,请重新看在上面post-receive中配置过,git --work-tree=/home/hexoBlog,我们把生成的静态文件放到了/home/hexoBlog下
image.png

9.发布hexo

在本地hexo文件中_config.yml文件修改deploy

deploy:
  type: git
  repo: git@你的服务器ip:/home/git/hexoBlog
  branch: master

image.png

在cmd中输入

hexo deploy

输入你的服务器ip就能查看刚刚部署的页面啦!如果你有域名,在云服务器控制台配置域名,域名需要备案
打开云服务器控制台,找云解析
image.png
image.png
记录值为你的公网ip,然后你就可以输入你的域名查看页面了

我的博客地址

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值