Ubuntu20.04下,搭建hexo个人博客

一些说明和资源

所使用到的软件版本:

Ubuntu Nginx Git hexo
20.04 LTS 1.18.0 2.25.1 5.4.0.

其他说明:这里所演示的是在 VirtualBox 中进行的,实际工作场景可以是云服务器上(因为通常在虚拟机折腾完之后再同步到服务器hhh)


大致的布局和思路

大致的布局和思路


安装Ubuntu 20.04 LTS

这里先挖个坑,后续再补充文章…

这里可以参考这位老哥的:安装Ubuntu 20.04 LTS服务器的图文教程


服务端

1. 安装并配置Nginx

1.1 安装

先更新源:

// update是更新源上软件列表;upgrade是更新本地软件
$ sudo apt-get update		# 获得源上的软件包信息
$ sudo apt-get upgrade		# 更新本地软件

然后安装:

$ sudo apt-get install -y nginx		# -y 表示yes

启动服务器:

$ systemctl start nginx
$ systemctl enable nginx

nginx默认的配置文件的路径是:/etc/nginx/

1.2 修改配置文件

我们可以看到/etc/nginx/目录下的文件
/etc/nginx
正常来说应该是 nginx.conf 这个文件,我们编辑它:
$ sudo vim nginx.conf

打开后并没有在http下看到我们熟悉的server、listen这些熟悉的东西,但是会看到有这么两行: nginx.conf
所以我们可以在 /etc/nginx/conf.d/*.conf下进行配置

$ sudo cp sites-available/default conf.d/default.conf
$ sudo vim default.conf

IP改为自己的IP
root改为自己的资源路径,这里要与后面Git的勾子对应

server {
		listen 80 default_server;
		listen [::]:80 default_server;
		server_name 192.168.37.131;	// 这里写自己的服务器IP

		# root /home/xld/hexo;
		# index index.html;

		location / {
				root /home/xld/hexo;
                index index.html;
                autoindex on;
        }
}

// 还可以简单的配置监听多个端口(具体的可以看其他nginx配置的)
// server {
//        listen 81;
//        listen [::]:81;
//        server_name 192.168.37.131;
// 
//        root /home/xld/api;
//        #index index.html;
// 
//        location / {
//                 root /home/xld/api;
//                 autoindex on;
//        }
// }

配置完记得保存然后重新加载一下,这里列出几个常用的nginx命令:

$ nginx -t			// 查看nginx状态(用来测试配置是否正确)
$ nginx -s reload	// 重新载入配置文件
$ nginx -s reopen	// 重启 Nginx
$ nginx -s stop		// 停止 Nginx

*创建hexo文件夹

$ cd ~
$ mkdir hexo
$ sudo chmod 775 hexo	// 这里应该是权限问题我没搞懂,不改的话后面git钩子钩过来但权限不足,导致同步不了。

2. Git仓库

2.1 Git安装和用户创建

安装git:

$ sudo apt-get install git

注:这里往后基本上都是root在进行的,注意切换!

配置git用户:

$ adduser git

修改权限:

$ chmod 740 /etc/sudoers
$ vim /etc/sudoers

定位到这里,加上 git用户这一行
/etc/sudoers
然后保存并退出,将sudoers文件权限改回原样:

$ chmod 400 /etc/sudoers

设置git用户的密码:

$ sudo passwd git

切换到git用户,然后在~目录下创建 .ssh文件夹:

$ su git
$ cd ~
$ mkdir .ssh
$ cd .ssh

生成公钥密钥文件:

$ ssh-keygen

将公钥文件复制一份:

$ cp id_rsa.pub authorized_keys

修改authorized_keys的权限:

$ chmod 755 ~
$ chmod 700 ~/.ssh
$ chmod 600 ~/.ssh/authorized_keys

然后保存并退出后,我们就可以利用ssh连接和登陆git用户啦~

2.2 Git的勾子hooks

创建仓库

$ su root
$ cd /home/git
$ git init --bare blog.git		// 在/home/git下创建新仓库blog.git
$ chown git:git -R blog.git		// 给予git用户权限

/home/hexo/blog.git/hookd 下创建一个 post-receive 文件
把提交到 /home/git/blog.git 仓库里的文件同步到 /home/xld/hexo(上文nginx的root资源目录) 中。

$ cd blog.git/hooks/
$ vim post-receive

在 post-receive 中添加以下内容:

#!/bin/bash
git --work-tree=/home/xld/hexo --git-dir=/home/git/blog.git checkout -f

保存退出,添加可执行权限:

chmod +x /home/git/blog.git/hooks/post-receive


本地端

1. 安装node.js

菜鸟教程,你值得拥有:Node.js 安装配置

2. hexo

进入到你的blog文件夹下(比如我是windows,就cmd进入到 E:\blog 目录下)

2.1 安装&初始化

安装

$ npm install -g hexo-cli

// 安装成功后可以查看相关信息
$ hexo -v

初始化一个博客

$ hexo init

启动博客

$ hexo s

启动之后我们就可以在浏览器输入localhost:4000进行访问了
然后你就可以看到 Hello World 文章和它的四个常用命令

2.2 部署到服务端

打开文件夹下的 _config.yml 文件

找到 deploy 这一项,然后按格式添加自己的仓库地址
(如果你有多个仓库的话,按格式接着写就能一次性git上去)
deploy
保存退出,然后顺便把服务端也停掉(上面的 hexo s

清除旧文件&重新生成&发布:

$ hexo c & hexo g & hexo d

直接 $ hexo d 也行,只不过说一下可以这么用而已…

之后等他自动执行发布就好了,如果有提示你输入git用户/密码,照着输入就行
之后有ssh就会方便一点

3. 访问服务端进行浏览

返回 Ubuntu LTS 上,在 /home/xld/hexo 应该能看到 hexo 自动发布的东西
如果你 nginx 没啥问题的话,这时在其他电脑的浏览器上,输入IP地址,就能访问到刚刚那篇 Hello World 文章啦~

再回过头来看开局的那张图。。。


参考文章

Guess you like

Origin blog.csdn.net/li1055107552/article/details/121897025