初探-用GitHub搭建自己的博客
用GitHub搭建自己的博客，下面这篇文章完成从0到hexo初始主题的配置：
点击这里
配置好博客框架后，选择一款主题是非常有必要的。
这里通过链接介绍Butterfly主题的安装与配置：
点击这里
Butterfly的官方网站(https://butterfly.js.org/)
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 陈同学的桃花源！
wechat
alipay
相关推荐
2025-01-20
Butterfly主题中界面找不到的问题
今天我遇到了问题点击这两个区域报404错误 于是就上网找答案，找来找去，发现都是是解决Butterfly中“导航栏”配置tags与categories配置的方法，怎么也找不到“侧边栏”中前面这两项报404的问题。在社区群里问，直到我自己找到解决方法也没有人回我。故在这里记录下指南。 经历与过程 一开始扒了别人的博客网址，发现两条HTML代码，感觉是自己写的。但后来随着样本的增多，我发现这代码是官方配置好的，于是调整自己的方向，转向官方的配置文件， 用ChatGPT查官方文件、社区交流困惑，均无法解决问题，于是再自行解决问题。 图片 这是服务器直接部署在GitHub上报错的页面 这是使用Vercel托管报错的页面 注意前一张图片的报错：For root URLs (like http://example.com/) you must provide an index.html file. 从GitHub仓库发现每一个界面都存在一个index界面，而恰恰是index界面，使得其可以被浏览器解析。 于是我便将方向转变为创建index界面。 代码 1hexo new...
2025-01-15
使用Vercel加速Hexo静态博客访问
首先引用看到的一句话： “估计现在有很多同学使用了Hexo博客框架做一个博客并部署在了Github上， 这一切看起来很容易上手，于是开开心心地去写博客内容了，但到后面才发现这才是“苦难”的开始：原本以为是要写博客内容， 但更多的时间是被用来优化网站。因为强迫症‘患者’总是对网站各种不满意，于是自己挖坑又填坑。 网站代码 repo 导入 vercel： 在Vervel中new一个新项目，将GitHub上的网站后端代码仓库导入进去， 接下来就可以通过Domains中的几个链接来访问你的网站。 修改DNS以及设置域名： ...
2025-01-13
评论组件的实现
今天实现了评论功能，在此详细写下开发过程。 涉及到的技术栈：MonGoDB \ Tencent Cloud \ Vercel \ Butterfly Theme \ Hexo \ Twikoo 详细描述 总体描述:这里的评论系统选择了Twikoo，是一个简洁、安全、无后端的静态网站评论系统，基于腾讯云开发。只需要把获取到的环境ID(envId)填写到配置栏。 因为没有自己的服务器，便使用免费的 Vercel 进行部署。Hexo 是静态博客，访客没有办法评论，添加一个自己的评论系统就会方便很多。 申请 MongoDB Atlas 账号,MongoDB Atlas 是 MongoDB Inc 提供的 MongoDB...
2025-01-08
谈谈butterfly
尼玛的，这狗日的参考文档是个啥啊。 要是企业开发用这个技术文档，都塔莫的别干了，原地解散吧。 参考文档做的让人看得云里雾里的
2025-01-09
'谈谈这些天用Hexo搭建网站的心得体会'
我是1月6号晚上学了Vue渐进式JS框架与Spring Boot后端框架后，学了这些技术也是为了做更难于博客的类似于淘宝购物平台的PC+Phone+Pad在线购物平台与购物平台后台管理系统。之前心里一直有做博客的想法，但然后便是突发奇想，在因特网上找关于搭建博客的信息，一看到基于NPM与Node.js在GitHub上搭载网站，大致浏览了下操作步骤，这些知识点我都有所涉猎。于是我便说干就干，不一会便搭建成功了。 当时搭建静态网站后，心中有些激动，但也不是特别激动，因为这种localhost网站已经数见不鲜了，然而后来我使用host...
2025-02-25
Hexo博客增加豆瓣个人界面
Hexo添加豆瓣个人页面 安装hexo-douban插件 1npm install hexo-douban --save-dev 在博客站点的配置文件_config.yml中添加以下内容 1234567891011121314151617douban: id: xxxx # 豆瓣ID，https://www.douban.com/people/xxxxxx/" ，其中的”xxxxxx”就是个人ID。（只包含数字） builtin: true book: title: '标题名字' quote: '首界面显示一句话' movie: title: '那标题名字' quote: '首界面显示一句话' game: title: '标题名字' quote: '首界面显示一句话' timeout: 10000 # 超时的时间，单位是毫秒 # 是否将生成页面的功能嵌入hexo s和hexo...
评论