前言

为什么会选择soka博客主题搭建，主要是因为静态博客的架构，静态站点的优势这里我就不讲了，主要还是看着好看…

soka博客主题官网：Soak博客主题 —— 溯源而进，化古为新 - 赵阿卷

👍支持正版作者，尊重他人劳动成果！

一、环境配置

1.需要你有一台服务器1h1g即可ps：新手建议购买境外服务器，防止后续无法访问

2.需要你有一个域名ps：域名需要自己购买，如果使用国内的服务器，域名还需要备案

3.服务器安装宝塔，并配置好Nginx + PHP环境

4.需要带可以思考的脑子

因为阿卷大大在本地环境配置方面已经写的很全面了，所以我这里就不再重复了，直接按照主题文档进行操作即可

Soak主题使用手册

这里补充一个官方文档未提到的一点，在本地依赖安装完成，执行：

npm run dev

的时候会出现以下报错

该问题的解决方式就是复制一份content.example文件夹，重命名为content。复制一份config.example文件夹，重命名为config 在执行

npm run dev

就可以完美本地运行

如何部署到宝塔，绑定域名并申请SSL

这个是官方文档中未提到的，如果你有过部署静态站点的经验那么你也就学会了如何将项目部署到宝塔上 首先需要你已经完成了soka主题的本地修改，并上传到你的Github仓库里面，如果你还未进行到这一步请看官方的文档 https://docs.qq.com/aio/DT2RKRm9LbExuQWRs?p=EP9snbu4KYdRLp70TUMrVU

已经按照上面的步骤操作完毕之后，我们先打开宝塔----添加站点----选择Git部署----输入你的域名

记好下面Git提供商的SSH Key 复制下来，打开你的Github找到你刚才发布的git仓库，找到右上角 Code 按钮 选择SSH，然后点击复制

打开宝塔页面，把刚才复制的gie仓库地址粘贴到这里，下面的分支填写main（这是soka主题推送仓库的默认分支，如果你单独修改过的话请按实际情况填写）

这里先不要点击确定！先把刚才保存的SSH key 填写到Github----Settings----SSH and GPG keys----New SSH key

点击确定等待即可，至此你的soka博客主题已经在宝塔上部署完成啦！

SSL申请

直接在宝塔上面一件申请，找到你刚才添加的网站，点击SSL，然后找到下图页面，直接点击申请就好啦

结束

如果你使用的是国内服务器，在同步Github仓库的时候提示报错，那么很可能是你的服务器运营商把Github给墙了，解决办法就是把 deployjs 文件下里的仓库地址，换成国内的gitee码云，然后重复上面的操作即可。

本次教程到此就结束啦，如果文章内有任何不懂的或者错误的地方，欢迎大家讨论和指正~

补充

部署完成之后你会发现你的码云项目和你的网站更新并不同步，那么我们可以使用宝塔自带的Webhook 脚本来达成实时更新的目的

如上图所示，点击添加，把下面这段代码进行修改，然后保存

1
#!/bin/bash
2
echo ""
3
#输出当前时间
4
date --date='0 days ago' "+%Y-%m-%d %H:%M:%S"
5
echo "Start"
6
#git分支名称
7
branch="main"
8
#git项目路径
9
gitPath="/www/wwwroot/laogoua.com"
10
#git 仓库地址
11
gitHttp="https://gitee.com/laogoua/dogs-blog.git"
12
#gitHttp="http://192.168.2.20/llh/$1.git" //多仓库的时候
13
echo "Web站点路径：$gitPath"
14
#判断项目路径是否存在
15
if [ -d "$gitPath" ]; then
16
cd $gitPath
17
#判断是否存在git目录
18
if [ ! -d ".git" ]; then
19
echo "在该目录下克隆 git"
20
sudo git clone $gitHttp gittemp
21
sudo mv gittemp/.git .
22
sudo rm -rf gittemp
23
fi
24
echo "拉取最新的项目文件"
25
#sudo git reset --hard origin/$branch
26
git remote add origin $gitHttp
27
git branch --set-upstream-to=origin/$branch $branch
28
sudo git reset --hard origin/$branch
29
sudo git pull $gitHttp 2>&1
30
echo "设置目录权限"
31
sudo chown -R www:www $gitPath
32
echo "End"
33
exit
34
else
35
echo "该项目路径不存在"
36
echo "新建项目目录"
37
mkdir $gitPath
38
cd $gitPath
39
#判断是否存在git目录
40
if [ ! -d ".git" ]; then
41
echo "在该目录下克隆 git"
42
sudo git clone $gitHttp gittemp
43
sudo mv gittemp/.git .
44
sudo rm -rf gittemp
45
fi
46
echo "拉取最新的项目文件"
47
#sudo git reset --hard origin/$branch
48
sudo git pull gitHttp 2>&1
49
echo "设置目录权限"
50
sudo chown -R www:www $gitPath
51
echo "End"
52
exit
53
fi

脚本文件中的项目目录、git地址、git分支名替换成自己的就完成啦，不过这个脚本也是我在网上找的，可能有点不太适用现在的宝塔版本，等后续有更好的我在更新