概述
使用Hexo+GitLab+WebHook創(chuàng)建可自動刷新的團隊技術博客
需求
- 編寫blog不需要本地安裝Hexo框架
- 推送后自動刷新遠程Blog頁面
實踐
服務器配置
1.服務器環(huán)境搭建
安裝nginx
yum install -y nginx
啟動服務器：
systemctl start nginx
systemctl enable nginx
2.配置服務器路由
在/etc/nginx/目錄下創(chuàng)建一個文件夾 叫 vhost
cd /etc/nginx/a
mkdir vhost
cd vhost
vim blog.conf
編輯 blog.conf文件內(nèi)容
server{
listen 80;
root /home/mobile/blog;這里填博客目錄存放的地址
server_name 這里填域名如(www.baidu.com) 域名
location /{
}
}
保存并退出 :wq
打開/etc/nginx/目錄下的nginx.conf文件 vi /etc/nginx/nginx.conf
找到include /etc/nginx/conf.d/*.conf;
在下面添加一行
include /etc/nginx/vhost.d/*.conf;
建立博客的目錄：
cd /home
mkdir mobile
cd /mobile
mkdir blog
3.安裝Git以及Node.js
-
安裝Node.js
curl -sL https://rpm.nodesource.com/setup_10.x | bash - yum install -y nodejs安裝完成后執(zhí)行 node -v 和 npm -v 如果打印版本號則安裝成功
[root@localhost /]# node -v v10.9.0 [root@localhost /]# npm -v 6.2.0 -
安裝Git及配置倉庫
安裝git:
yum install git在~目錄下創(chuàng)建.ssh文件夾
su git cd ~ mkdir .ssh cd .ssh生成公鑰密鑰文件
ssh-keygen此時在目錄下就會有兩個文件盒刚，分別是
id_rsa 和 id_rsa.pub復制 id_rsa.pub 中的公鑰內(nèi)容摄职，備用
vi id_rsa.pub
4.安裝Hexo
- 設置cnpm源
npm config set registry https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安裝 hexo
cnpm install -g hexo-cli
5.安裝PHP環(huán)境
PHP-FPM
- 安裝
yum install -y php-fpm
- 啟動
systemctl start php-fpm
PHP
- 安裝
yum install php
- 找到配置文件
find / -name nginx.conf
- 修改為如下配置
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
root /usr/share/nginx/html;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
}
location ~ \.php$ {
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 405 =200 http://$host$request_uri;
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}
PHP腳本
- 進入PHP根目錄
cd /usr/share/nginx/html
- 創(chuàng)建blog.php文件
touch blog.php
- 編輯php文件
vi blog.php
- 填入更新代碼
?php
exec("cd ../../../../home/mobile/blog/; pwd;git pull origin master 2>&1;hexo clean && hexo generate;nginx -s reload", $output);
var_dump($output);
?>
Gitlab配置
-
配置服務器ssh公鑰
image 創(chuàng)建gitlab 項目
-
添加WebHook乱凿，監(jiān)聽Push事件
image
本地配置(只需首次配置一遍)
初始化Hexo項目
cd ydl-blog
hexo init
安裝插件
npm install hexo-deployer-git --save
npm install hexo-server
預覽博客
hexo g && hexo s
打開瀏覽器訪問：http://localhost:4000/.
關聯(lián)遠程倉庫
git remote add origin git@xxx/ydl-blog.git
推送至遠端倉庫
git push -u origin master
預覽
阿里云配置域名解析規(guī)則
-
打開blog.conf中配置的域名莫矗，即可訪問
image
