目录
1 前言
2 环境介绍
3 本地环境部署
3.1 安装node.js
3.2 添加国内镜像源
3.3 安装git
4 使用Hexo
4.1 安装Hexo
4.2 初始化Hexo
4.3 下载主题Matery
4.4 更换主题为Matery
5 配置SSH密钥
6 服务器部署
6.1 git配置
6.2 创建仓库目录及相关配置
7 配置Nginx
8 修改Hexo配置
1 前言
最近想搭建一个博客,分享自己所学的知识。经过分析,选择了Hexo + Aliyun ECS来部署博客,刚开始选择Hexo+Github Pages的方式部署,但是由于访问页面速度很慢,用户体验不是很好,因此决定采用阿里云ECS来部署Hexo,访问速度更快。
2 环境介绍
物理机:MacBook
云服务器:Aliyun ECS/Centos 7.8 配置:1核 2GB内存 系统盘40GB
软件:Hexo、Node.js、Git
3 本地环境部署
3.1 安装node.js
Node.js直接在官网下载,安装即可,方便省事。
之后输入
node -v
和npm -v
3.2 添加国内镜像源
可以使用阿里的国内镜像进行加速。
npm config set registry https://registry.npm.taobao.org
3.3 安装git
方式一:官网下载安装
git官网上下载安装即可
方式二:Homebrew安装git
brew install git
安装完成后在命令提示符中输入git --version
验证是否安装成功。
4 使用Hexo
4.1 安装Hexo
上面环境搭建好之后,在合适的地方新建一个目录作为你的博客文件夹,之后切换到该目录,输入以下命令:
npm install -g hexo-cli
可能会有一些警告Warn等,可以忽略。安装好Hexo之后,执行hexo -v
检验是否成功。
4.2 初始化Hexo
然后就要初始化我们的网站,输入hexo init
初始化文件夹,接着输入npm install
安装必备的组件。
这样本地的网站配置也弄好啦,输入hexo g
生成静态网页,然后输入hexo s
打开本地服务器,然后浏览器打开http://localhost:4000/,就可以看到我们的博客啦,效果如下:
4.3 下载主题Matery
方式一:git clone下载
git clone https://github.com/blinkfox/hexo-theme-matery.git
方式二:github直接下载
4.4 更换主题为Matery
修改博客根目录下的_config.yml
中的theme为matery
重新在项目根目录下进行本地部署调试
hexo s --debug
5 配置SSH密钥
为了使本地可以跟远程的github建立联系,需要在本地配置SSH密钥,这样我们就可以在本地直接提交代码到GitHub上或者远端git仓库。
如果你是第一次配置SSH,则配置一下git的username 和 email
$ git config --global user.name "你要设置的名字"
$ git config --global user.email "你要设置的邮箱"
之后生成SSH密钥:
$ ssh-keygen -t rsa -C "你刚刚设置的邮箱"
如果不需要设置密码的话,连续三个回车就好了。在这之后会得到两个文件: id_rsa 和 id_rsa.pub,找到id_rsa.pub文件,复制其内容。
6 服务器部署
6.1 git配置
1、安装git
yum install git
2、创建git账户
adduser git
3、添加git账户权限
chmod 740 /etc/sudoers
vim /etc/sudoers
输入上面的命令之后,进入编辑界面:
在root ALL=(ALL) ALL
git ALL=(ALL) ALL
4、改回权限
chmod 400 /etc/sudoers
5、设置git账户密码
passwd git
6、切换至git用户,创建 ~/.ssh 文件夹和 ~/.ssh/authorized_keys 文件,并赋予相应的权限
su git
mkdir ~/.ssh
vim ~/.ssh/authorized_keys
按”i”进入编辑模式,将我们在MacBook中生成的id_rsa.pub文件中的公钥复制到authorized_keys中,按”esc”,然后按”:wq”,保存退出。
接着,输入一下命令,赋予权限
chmod 600 /home/git/.ssh/authorized_keys
chmod 700 /home/git/.ssh
在本地Git终端中测试是否能免密登录git,其中SERVER为填写自己的云主机IP,执行输入yes后输入你之前配置的git密码,无报错就说明好了。
打开终端,输入以下命令,其中SERVER填写自己的云主机ip,执行输入yes后不用密码说明配置成功了。
ssh -v git@SERVER
6.2 创建仓库目录及相关配置
1、创建目录
在var目录下创建repo作为Git仓库目录,返回服务端命令行切换到root账户,然后输入:
mkdir /var/repo
2、赋予权限:
chown -R git:git /var/repo
chmod -R 755 /var/repo
3、接下来创建hexo目录作为网站根目录,并赋予权限:
mkdir /var/hexo
chown -R git:git /var/hexo
chmod -R 755 /var/hexo
接下来创建一个空白的git仓库
cd /var/repo
git init --bare hexo.git
5、创建一个新的 Git 钩子,用于自动部署.
在 /var/repo/hexo.git 下,有一个自动生成的 hooks 文件夹。我们需要在里边新建一个新的钩子文件 post-receive。
vim /var/repo/hexo.git/hooks/post-receive
进入编辑模式,然后将下面那两行代码粘贴进去,保存退出。
#!/bin/bash
git --work-tree=/var/hexo --git-dir=/var/repo/hexo.git checkout -f
修改权限:
chown -R git:git /var/repo/hexo.git/hooks/post-receive
chmod +x /var/repo/hexo.git/hooks/post-receive
到这里Git仓库已经搭建完毕了。
7 配置Nginx
为了方便部署和维护,我们使用宝塔面板来一键部署Nginx
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh
中途输入”y”回车等待一会就好了。在执行结果最后会出现地址,用户名,密码等。
复制这个地址打开,输入账号密码即可进入宝塔面板。
注:这里也有可能你进不去面板页面,是因为你的服务器没有开8888这个端口(具体看你的宝塔面板连接的端口),去阿里云轻量服务器控制台中的“网络与安全”->“安全组”,点击配置规则——>手动添加
- 进入面板之后,会提示叫你修改端口,点击”立即修改”,可以看到”面板端口”这时候是8888,自己选一个值,然后先去服务器防火墙上开放这个端口,跟刚刚的”添加规则”操作一样。
- 再回到宝塔面板页面将”面板端口”的值修改成你刚刚开放的端口值。
- 然后需要用新端口,重新进入宝塔面板,就是将原有的链接”:”后面的值改成你的端口即可。
- 在左侧点击软件商店,输入Nginx,点击搜索,选择Nginx1.18.0安装即可
安装完成后,配置。
部署完成之后,点击网站,添加站点,填写你的域名,没有的话写你的服务器ip地址。其他的不要改。
填写完成后,点击提交,然后点击设置,选择配置文件
server
{
listen 80;
server_name xxxxxxx; # 修改为自己的域名或者ip
index index.php index.html index.htm default.php default.htm default.html;
root /var/hexo/; # 修改为网站目录
}
保存,然后选择“设置”-“网站目录”,将网站目录修改成以下,保存。
回到服务器终端,重启宝塔服务,使之生效。
service bt restart
8 修改Hexo配置
进入本地电脑hexo博客的根目录,编辑站点配置文件 _config.yml,找到deploy,修改成以下
deploy:
type: git
#repo改为repo: git@你的域名:/var/repo/hexo.git
repo: git@example.com:/var/repo/hexo.git
branch: master
最后在本地电脑hexo博客的根目录,打开终端,输入以下命令部署
hexo clean
hexo d -g
这时候可能出现权限问题,导致部署到git失败。
在服务器终端输入以下命令即可:
chown -R git:git /var/repo/
chown -R git:git /var/hexo/
最后再hexo d -g
部署,用域名访问即可看到部署成功了。