用Replit轻松管理Hexo网站:手机端也能搞定

AI摘要

正在生成中……


注册replit

注册地址,对于它网上的教程很多,我就不再赘述了

image-20240725094503596

注册之后,点击”create repl”,新建一个bash项目

image-20240725094410285

安装hexo

由于Replit采用了Nix技术,我们无需再为复杂的环境配置烦恼,可以轻松一键完成。

在右侧的shell窗口中输入以下命令:

1
2
npm install hexo
# 注意:因为Replit用户没有root权限,可能不能直接使用Hexo,以后在使用Hexo时需要输入'npx hexo'而不是直接输入'hexo'

hexo就安装完成了(如果nix提示你需要安装npm就按回车安装)

然后输入 npx hexo init <博客根目录>,这里我就用hexo目录

1
2
3
4
# 创建hexo目录并进入该目录
mkdir hexo && cd hexo
# 初始化
npx hexo init

博客就构建完成了,你可以在https://hexo.io上查阅文档

部署到github

新建一个github存储库,设置为私有

image-20240725101932966

然后到你个人设置里找到token,新建一个永不过期的token,权限勾’repo’就行

image-20240725101813412

复制token的值

连接GitHub
修改根目录内_config.yml最下面一段deploy设置为

1
2
3
4
deploy:
type: git
repo: https://<token的变量名>@github.com/<你的用户名>/<存储库>.git
branch: main

注意,由于免费的replit所提供的仓库是公开的, 请不要把token直接放进去, 用replit提供的环境变量替换token

image-20240725103526973
image-20240725103906448

一键脚本
把默认的main.sh改为

1
2
3
4
5
6
7
8
9
10
11
12
# 进入博客目录
cd <博客的根目录>

# 配置Git用户信息
git config --global user.email "你的邮箱"
git config --global user.name "你的名字"

# 清理Hexo缓存和文件
npx hexo clean

# 动态设置Git远程仓库并部署
npx hexo deploy --repo "https://${token的变量名}@github.com/你的名字/你的仓库.git"

然后点击上方的run即可一键部署到github

部署到平台

我目前使用的是cloudflare pages,当然,你可以使用vercel或者netlify等平台部署,只要连接到了刚刚创建的GitHub存储库。

例如: Cloudflare pages

image-20240725105331533

你可以直接用cloudflare提供的二级域名, 也自定义自己的域名🤣

image-20240725105510518

移动端使用

谷歌商店里面下载replit客户端即可, 操作步骤与PC端基本相同, 只是没有中文版🤣