第一步: 本地配置Hexo
1 2 3 4 5 6 7 8 9 10
| // 下载 npm i hexo-cli -g
// 创建项目文件夹、初始化Hexo项目 mkdir hexo-blog hexo init myblog && cd myblog npm i
// 启动程序, 打开浏览器输入<http://localhost:4000即可访问> npm run server
|
第二步: 配置服务器
- 使用ssh登录到远程服务器,准备搭建服务器git私有仓库
1 2 3 4 5
| ssh root@server_ip // 使用ssh登录到远程服务器 git --version // 没有则执行以下命令安装 apt-get install libcurl4-gnutls-dev libexpat1-dev gettext \ libz-dev libssl-dev apt-get install git git --version // 安装完成,检查
|
1 2 3 4 5 6 7 8 9
| adduser git // 新建用户,不同的系统命令可能不同,我这里用的是debian系统 su git // 切换到该用户,进行git仓库初始化 cd /home/git/ mkdir -p projects/blog // 创建项目目录 mkdir repos && cd repos git init --bare blog.git cd blog.git/hooks // 创建hook钩子 vi post-receive // 创建hook钩子,输入如下内容 git --work-tree=/home/git/projects/blog --git-dir=/home/git/repos/blog.git checkout -f
|
1 2 3
| chmod +x post-receive exit // 退出到 root chown -R git:git /home/git/repos/blog.git // 添加权限
|
- 测试 在本地找一个空白文件夹, 如果能将空仓库拉下来, 说明配置成功
1
| git clone git@server_ip:/home/git/repos/blog.git
|
第三步: 搭建nginx服务
不同操作系统安装方式不同,这里是debian操作系统
sudo apt-get update
sudo apt-get install nginx // 下载nginx
sudo systemctl start nginx // 启动nginx
sudo systemctl enable nginx // 设置nginx开机自启动(如果需要
安装完成后,在本地浏览器访问 [server_ip]:80 (nginx默认80端口), 如果出现 Nginx 的欢迎页面,说明安装成功
cd /etc/nginx/sites-available/ // 进入nginx网站配置目录
cp default myblog // 复制一份示例配置
ln -s /etc/nginx/sites-available/myblog /etc/nginx/sites-enabled/ // 将刚才复制出来的配置文件软连接到nginx可用配置目录下
vim /etc/nginx/sites-available/myblog // 打开myblog文件并编辑如下配置
1 2 3 4 5 6
| server { listen 80; listen [::]:80; root /home/git/projects/blog; server_name your_server_name; // 例如server_name baidu.com }
|
rm /etc/nginx/sites-enabled/default // 移除示例配置的软连接
sudo systemctl restart nginx // 重启nginx服务
至此,我们已经搭建完成本地和服务器的全部环境,下面开始部署我们的项目代码到服务器
第四步: 代码部署
- 编辑Hexo根目录的配置文件_config.yml
1 2 3 4 5
| deploy: type: 'git' repository: git@your_server_ip:/home/git/repos/blog.git branch: master
|
1 2 3 4 5 6 7
| "scripts": { "build": "hexo generate", "clean": "hexo clean", "deploy": "hexo clean && hexo g -d", "server": "hexo server", "start": "hexo clean && hexo g && hexo s" },
|
安装插件 npm install hexo-deployer-git –save
调试使用 npm run start
部署使用 npm run deploy
恭喜你,到现在,你已经成功的完成了个人博客的搭建
其他
关于Hexo主题的配置,你可以自行搜索喜欢的Hexo主题,并进行配置,配置也很简单方便。
我使用的主题是hexo-theme-anzhiyu