大家好！我是Egstar

下面演示的是图库，它使用的html来外挂图片

<div class="gallery-group-main">
{% galleryGroup 'ACG' '那些二次元的故事' '/gallery/ACG' https://bu.dusays.com/2022/11/26/638228a86935a.webp %}
{% galleryGroup '岳阳' '2017年5月岳阳' '/gallery/YY' https://bu.dusays.com/2022/11/27/63831b681e9f8.jpg %}
{% galleryGroup '漫威' '漫威的图片' '/Gallery/marvel' https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg %}
</div>
Group Image Gallery
ACG

那些二次元的故事

Group Image Gallery
岳阳

2017年5月岳阳

Group Image Gallery
漫威

漫威的图片

这个地方先用来记录一下我安装过的npm依赖吧

评论系统

最近在搞评论系统。所以安装了mongodb依赖

npm install mongodb

image-20240530091902348

评论系统采用了 MongoDB，云函数使用了 Vercel

512M云存储空间，项目可以创建很多个，貌似免费的cluster每个项目都可以创建一个。

image-20240530095508637

image-20240530093122939

image-20240530093255105

Vercel域名解析到国内，在控制台-Account Setting-Domain-Add中，解析一个CNAME到子域名

image-20240530094939131

这样配置文件的twikoo的eventid就是这个url了，现在可以看到评论系统了

image-20240530095145130

本站采用了 MongoDB + Vercel + Twikoo 方式配置评论系统，具体操作过程可以看 唐志远大佬的博客 基于 Hexo 键入评论功能

更新发布

一键三连完成本地静态资源更新并发布到github

hexo cl&hexo g&hexo d

image-20240530100907694

出现 deploy done: git 则说明更新资源上传成功。

留言板

本站建立了留言板功能，是基于本地 CSS + html 代码实现的信封动画。具体参考了 博客

image-20240909170429642