零基础搭建个人博客(无需服务器和备案)
)
文章目录搭建个人博客本地启动部署博客Cloudflare 优选解析购买域名上传图片搭建个人博客本地启动安装Node.js、pnpm、Git、GitHub desktoppnpm安装npm install -g pnpmFork Firefly仓库打开GitHub desktop拉取代码点击我自己的项目用VScode打开项目打开终端窗口输入pnpm install安装依赖出现Done即完成输入pnpm dev启动项目在浏览器输入网址http://localhost:4321/就可以看到博客界面了修改页面和写博客可查看官方文档https://docs-firefly.cuteleaf.cn/官方文档写的很详细这里就不多赘述。修改完毕后将代码上传到GitHub方法一用 GitHubDesktop 上传代码方法二用 vscode 上传代码点击 Git 图标并上传如果没有该图标点击查看下的源代码管理启用Git左键图标点击保留源代码管理部署博客部署在Cloudflare Workers点击右上角用户选择语言为中文点击计算下的Workers and Pages点击创建应用程序选择Connect Github选择仓库点击安装点击项目点击下一步项目名称要与 wrangler.jsonc 的 name 一致点击部署部署完成后点击域复制URL网址即可访问需VPN点击域名下的概览点击添加域名点击连接域名输入域名后点击继续域名需购买看教程可点击目录选择免费计划点击继续激活点击确认点击腾讯云的控制台–域名注册–我的域名我的域名 - 域名注册 - 控制台点击管理在DNS解析点击修改DNS服务器复制这两条配置复制在腾讯云的修改DNS服务器点击我已更新名称服务器成功页面如下可能要等几分钟才行优选 IP手动测速筛选国内三网电信 / 联通 / 移动低延迟、高速度、稳定连通的 CF 边缘节点 IP域名 DNS 直接解析该 IP强制走优质跨境节点解决国内访问 CF 站点慢、打不开问题。看Cloudflare 优选 IPWorkers 反代的解释可点击目录优选域名点击域名点击DNS下的记录点击添加记录类型选择CNAME名称随便填目标xxx.cf.090227.xyz其中.cf.090227.xyz是固定的而xxx可以随意填。注意代理状态要关闭再添加一条记录名称填 blog.xxx(你的域名)目标填上一条记录的名称回到Workers and Pages点击域点击添加路由blog.xxx/*(xxx为你的域名)点击添加路由配置完毕后输入blog.xxx即可访问你的博客网站Cloudflare 优选解析我们先理解两个分层一个是解析层一个是规则层。解析层即DNS层DNS会把你的域名指向优选IP、优选 CNAME 域名。前提是代理状态要关闭不然无法自己指定快节点。规则层只有命中路由填写的域名访问请求才会被转发给对应 Worker 执行国内访问 CF 站点慢、打不开优选 IP是手动测速筛选国内三网电信 / 联通 / 移动低延迟、高速度、稳定连通的 CF 中转站 IP用优选IP可以加速你的网站。购买域名访问腾讯云购买域名输入你的域名点击购买创建实名信息通过实名审核后即可点击购买支付页面购买成功页面上传图片配置Picgo的阿里云OSS安装picgohttps://github.com/Molunerfinn/PicGo/releases使用前要确保阿里云有余额可以充了两块钱试试https://billing-cost.console.aliyun.com/打开OSS管理控制台OSS管理控制台点击Bucket列表点击创建Bucket填写名称与地域并完成创建在权限控制的阻止公共访问下关闭公共访问读写权限改为公共读打开picgo点击图床设置下的阿里云OSS图床配置名和设定Bucket就填你的Bucket名存储区域填你选的地域如深圳就是oss-cn-shenzhen点击头像下的访问控制点击用户并创建用户填写登录名称点击确认 使用永久AccessKey访问复制AccessKey ID和AccessKey Secret到picgo的阿里云设置里点击登录名称点击权限管理并新增授权点击 AliyunOSSFullAccess 权限并确认最后设置如下点击上传图片测试是否配置成功点击你的Bucket点击文件列表查看是否有文件打开typora打开偏好设置Typora 进入偏好设置 — 图像选择插入图片时上传图片。上传服务选择 PicGo(app)自定义命令填写 PicGo 所在路径。例如我的路径是D:\xiazairuanjian\PicGo\PicGo.exe验证图片上传选项显示验证成功这样就可以把图片复制到编辑器中也不会报错了。可以愉快的写博客啦~
