Hexo + Github 建站
起因
今日暑假的20250715，放假2个月想搞点东西，于是在b站搜django建站时看到评论说 Hexo +github 建站免费方便，接着在b站搜索了一下，如同发现新大陆，不由得感慨github的优秀。
于是有了这个网站…..
架构特点
先是总结一下这个架构的优缺点~~~
优点：
1.免费（依托github服务器）
2.网页构建简单跟着抄就完事了（可比大学一些实验课好多了）
缺点：
1.访问较慢（也是github的锅，很难打开qwq）
2.静态页面（不能在线编辑有点麻烦，手机似乎做不到编辑）
基础结构
暂且用到在主文件夹下的
public文件夹:
有各种东西，总之是上传到github里的网页结构，通过
1 | hexo g //编译后产生的前端html |
css，images，js，html都在一应俱全
source文件夹:
下属 _posts文件夹存放文章（markdown文件，使用了Typora工具编辑）
themes文件夹:
下载的主题zip直接解压，然后在 hexo的主config.yml中修改下theme即可使用，十分方便,里面还有主题的 _config.yml 很重要 ，用来调整各类侧边栏，标签选项，搜索之类的。
_config.yml：
重要文件，和主题内的_config.yml共同控制网页内容
编辑事项
记事本的搜索蛮好用，如果用vscode可用ctrl + f 文件内查找 和 ctrl +shift + f 在工作区查找类如menu，language这类的。
可在主题的语言文件夹查看支持语言，zh-CN为简中。
修改背景图片，文章页面透明度，网站运行时间之类的额外内容，需要修改主题内具体内容
注意
使用 hexo clean 指令会直接清除public文件夹 ！！
插入网络视频
b站可在分享里找到插入代码，直接点击复制黏贴就可加入视频（markdown支持html）
//player.bilibili.com/player.html?isOutside=true&aid=获取的aid&bvid=获取的
bvid&cid=获取的cid&p=1
480p更有风味
在markdown编辑器中有点怪，但是网页中是正常显示的,记得加上**&autoplay=0**停止自动播放。
1 | <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=226089885&bvid=BV1jb411Z7sp&cid=1055620023&p=1& autoplay=0 " scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" ></iframe> |
插入图片
比较复杂，详情见大佬解析
在hexo博客中插入图片的方法_hexo插入图片-CSDN博客
【Hexo-已解决】Typora图片移植到Hexo显示问题_typora hexo-CSDN博客
在hexo的config中，把post_asset_folder设置为true，创建文章时自动产生文件夹。
此外typora可以设置自动把复制黏贴入的图片放入同名文件夹，进一步方便了使用。
站内搜索
参考如下
【个人网站搭建】Hexo框架下Next主题中添加站内搜索功能_hexo 搜索post 和页面-CSDN博客
学习链接
b站
知乎
[Hexo+Next主题搭建个人博客+优化全过程（完整详细版）](Hexo+Next主题搭建个人博客+优化全过程（完整详细版） - 知乎)
csdn