首次部署网站-Hexo-Nginx
去年在好友 晚风吹行舟 的帮助下购买了腾讯云的主机以及域名,但这些在很长时间内都是闲置状态。 暑期这段时间收到了腾讯云服务电话,域名备案需要更新,顺便将自己网站进行完善。
环境准备
Git安装及配置
安装Git
- 选择最新版本,或者其他版本进行下载,双击可执行文件并一路点击
Next
安装Git下载 - 在终端执行
git --version
- 查看git版本,如出现下面提示则
Git
安装成功
git version 2.28.0.windows.1
配置Git
- 打开Git Bash(在任意地方右击,点击Git Bash Here)
- 配置用户名。在终端中使用下面的命令可以设置git自己的名字和电子邮件。这是因为Git是分布式版本控制系统,所以,每个机器都必须自报家门:你的名字和Email地址。
git config --global user.name "name" # (name:你的名字)
- 配置邮箱
git config --global user.email "[email protected]" # 邮箱,
- 生成ssh的Key
ssh-keygen -t rsa -C 'github邮箱号' -f ~/.ssh/id_rsa_github
这时会在用户目录(C:Users\xxx.ssh)下生成以下文件
- id_rsa_github
- id_rsa_github.pub
- 登陆Github,在
Settings
>SSH and GPG keys
找到New SSH key
输入Title名,在Key中填入id_rsa_github.pub
的内容,点击Add SSH key
。
至此,Git已经配置完成
Node.js安装
- 选择最新版本,或者其他版本进行下载,双击可执行文件并一路点击
Next
进行安装。Node.js下载 - 在终端输入以下命令,如出现版本号代表安装完成。
node -v
npm -v
- npm换源(可选)
npm config set registry https://registry.npm.taobao.org
Hexo配置
- Hexo安装,执行以下命令,等待安装完成
npm install -g hexo-cli
- 生成Hexo。 执行以下命令,生成一个博客,安装过程中,他会自动生成一个文件夹,这个文件夹就是Hexo的配置文件。 “blog”是你要生成博客的文件夹名称,可以根据自己的喜好来取名。
hexo init blog
- 进入刚刚生成的配置文件夹,执行以下命令启动Hexo
cd blog
hexo server
- 在浏览器中地址栏中输入"127.0.0.1:4000"即可看到Hexo的“Hello World”界面
Hexo部署至腾讯云
部署环境准备
- 环境
- 本地Windows10
- 腾讯云CentOS7.6
- 准备
- 已准备好的Hexo本地博客
- 用于连接服务器的工具MobaXterm
服务器配置Git
- 安装Git
sudo yum install -y git
- 创建Git用户并且修改权限
adduser username
passwd username
chmod 740 /etc/sudoers
vim /etc/sudoers
修改内容如下
root ALL=(ALL) ALL
username ALL=(ALL) ALL
- 本地Win10创建密匙
ssh-keygen -t rsa
- 在服务器中切换Git用户,并将Win10中"id_rsa.pub"文件复制到服务器中’~/.ssh/authorized_keys'
su username
mkdir ~/.ssh
vim ~/.ssh/authorized_keys
服务器网站配置
- 创建网站目录并且设置权限
su root
mkdir /home/hexo
chown username:username -R /home/hexo
- 安装Nginx,并启动服务
yum install -y nginx
systemctl start nginx.service #启动服务
- 修改Nginx配置文件
vim /etc/nginx/nginx.conf
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name jimyag.cn; #你的域名
root /home/hexo; #网站目录
}
- 重启Nginx
systemctl restart nginx.service
- 建立Git仓库
su root
cd /home/username
git init --bare blog.git
chown username:username -R blog.git
- 同步网站根目录
vim blog.git/hooks/post-receive
#!/bin/sh
git --work-tree=/home/hexo --git-dir=/home/username/blog.git checkout -f
- 修改权限
chmod +x /home/username/blog.git/hooks/post-receive
- 在Win10本地Hexo目录修改_config.yml文件
deploy:
type: git
repository: username@ip:/home/username/blog.git #用户名@服务器Ip:git仓库位置
branch: master
- 在Win10GitBash部署
hexo clean
hexo g -d
网站配置
- 个性化配置参考教程 B站
- 参考博客