首先
欢迎来到 HB的博客!这是一篇使用 vitepress-theme-bluearchive 主题的示例文章。
介绍
我是一名来自江西的初中生,我是从2023年开始学习并接触编程。一个二次元忠持爱好者,一个爱玩《蔚蓝档案》、《碧蓝航线》、《终末地》、《异环》《三角洲行动》的视频创作者。
克隆仓库
在我的仓库中选择克隆仓库,并创建您自己的仓库,名字什么都随便,比如“HuiMake.ba.io”,如果你想直接到GitHubPages部署的话就必须改为“HuiMake.github.io”
原作者的项目里的Gitalk组件太老了,还有BUG,(主要我不太会写),所以我改成了Giscus评论组件,只需要配置你的Giscus就可以了,这个后面说
部署Cloudflare
首先在Cloudflare官网注册一个Cloudflare账号,然后在控制台中选择添加Workers和Page选择创建应用程序,点击下方的先要部署Pages?开始使用,导入Git的仓库项目(没绑GitHub的去绑定GitHub账号就行),然后选择一个仓库项目部署,部署完了之后再把网址复制(https://你仓库项目名.pages.dev)一会用
修改config.mts
在仓库的项目文件夹你的仓库项目.vitepress/config.mts中找到“生成站点地图”
// hostname: 'https://hb-ba-blog.pages.dev/'//改成你刚才在Cloudflare部署出的二级域名即可
......
title: "Sensei HoshinoHB", // 可改
description: "Sensei HoshinoHB",// 可改找到banner区配置
name: "Sensei HoshinoHB",// 修改即可social区配置也可修改(不然就直接导航我的主页去了),原作者配置了GitHub、B站、QQ、VX等icon,我已配置了抖音,自己去改就行
配置评论功能
先到GitHub的设置中配置Giscus,没安装的安装一下,配置过程我忘了,可以去问问AI或者B站上看看
之后回到config.mts文件中,找到giscus配置
giscusRepo: 'HoshinoHB/hb.ba.blog',//改成你Giscus配置里的
giscusRepoId: 'R_kgDOTMEI6A',
giscusCategory: 'Announcements',
giscusCategoryId: 'DIC_kwDOTMEI6M4CltSJ',//改成你自己创建的Giscus配置里的ID结语
千里之行,始于Git。希望这篇文章能帮助你快速上手使用部署个人博客,开启愉快的写作之旅!