使用Firefly模板搭建个人网站
380 字
2 分钟
使用Firefly模板搭建个人网站
一、环境配置
需要安装Node.js、Pnpm、Git、Github Desktop、VS Code
1.下载 Node.js
2.安装 Pnpm
在powershell中执行 npm install -g pnpm
3.安装 Git
4.安装 Github Desktop
5.下载 VS Code
下载地址:https://code.visualstudio.com/Download?_exp_download=fb315fc982
二、Firefly库clone
1.搜索Firefly Github库
2.fork新建库
3.本地创建文件夹-在文件夹中右键然后点击 Open Git Bash here
4.clone库
-git clone [新建库链接](注:如下载失败可能是因为网络超时,可在Git Bash中配置w网络代理 )
-git config --global http.proxy [代理地址]6.网站预览
打开本地服务器,获得localhost。
-pnpm dev在浏览器中输入localhost,打开博客网站进行效果预览。
三、使用VSCode进行配置
1.使用VSCode打开项目目录
2.找到配置文件
文件路径:src/config/README.md
3.自定义配置文档
4.文章编写文档
四、在cloudflare部署上线
1.修改根目录文件wrangler.jsonc中的信息
(1)name改为项目名称”Leo”
(2)compatibility_date同步上传时间。
2.在VScode中将项目git托管更新
打开终端执行三条命令
(1)暂存所有修改文件
git add .(2)创建版本快照 命名”Leo”
git commit -m "Leo"(3)将快照推送到 GitHub 远程仓库
git push3.将git项目上传Cloudflare进行部署
Cloudflare网址:https://workers.cloudflare.com/
1.在左侧导航栏中选择 Build-Compute-Workers&Pages
2.点击创建部署,绑定github项目进行部署
(注:部署上传文件上限为25MB,超出会报错)
文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!
使用Firefly模板搭建个人网站
https://firefly.cuteleaf.cn/posts/myblog/

