分享一个业余时间做的网站

[xiaohupro]

Hello ，大家好，我叫胡海龙，由于家里闲置了两台笔记本了，心想放着也是浪费，刚好我有外网服务器（配置不高，主要用于科学上网用），于是通过使用 Frp 将这台笔记本作为内网服务器穿透出来练习开发一些东西玩，今天给大家分享是最近刚完成的一个在线笔记和类似朋友圈的功能（也可以看为动态功能吧），其他的后台管理功能就不开放了，下面是现在开放出来的功能：

网站地址：www.huhailong.vip

• 文章：可以查看和评论文章，一般文章页面的内容都睡完整的长篇内容，来源于笔记功能模块，文章支持评论和回复（需要登录）
• 动态：这里发布的内容是碎片化的，因为我发现我平时大部分想突然发送的是短的，碎片的内容，写成笔记或者文章有点不值得，所以就可以采用发送动态的方式（ 200 字以内），并且可以支持图文发布。动态同样支持评论回复，还有支持点赞，用来当一个树洞或者发牢骚的地方很合适，哈哈哈
• 笔记：这个就是一个在线笔记的功能，支持 Markdown 语法，同时支持公式这类的编辑，图片粘贴上传，手动上传，都是可以的，写完的笔记可以通过设置将其设置为公开，这样在首页文章列表就可以看到了。

因为是通过内网穿透的形式提供服务，所以网站加载速度可能不是很快，仅供娱乐，后续在线笔记功能会增加一个下载功能，支持将所有的笔记打包下载。下面是一些截图

上面内容本来说使用第三方图床能节省点我自己服务器的流量，看来是不靠谱，还是用我自己的吧

[Nosub]

支持。

[xiaohupro]

这个图床有问题，一会我还是替换成我自己的吧，😂

[yanghanlin]

GET /list?keyword=&pageNum=1&pageSize=10 接口报错
{
"status": false,
"code": 10002,
"message": "org.springframework.data.redis.serializer.SerializationException: Cannot deserialize",
"data": null
}

[xiaohupro]

@yanghanlin 那会在调试，确实报这个错误了，刚刚用另外的电脑试了一下没事了，我再排查一下，估计是 Redis 缓存我自定义的配置和 @Cacheable 默认的序列化配置有点问题

[xiaohupro]

现在应该没问题了

[v2bili]

真是无语了 现在的年轻人

[xiaohupro]

@v2bili 我自己做着玩的，对我无语就行，别对现在年轻人无语😂

[luckybigbear]

应当离上面这种说话说不清又倚老卖老的 PUA 行为人员远一点，总爱说些没营养没价值的话感觉能凸显自己

我进去点开几篇文章看了五分钟，感觉还是可以，对 BLOG 的开源组件研究不多，但是显示效果还是可以的
我在深圳，暂时没有遇到明显卡顿，当然也是因为访问的人数太少

做个人的 blog 可以的
胡编乱码这几个字一出来，我就知道我们都是直男，设计配色如果要考虑，可以找做设计的朋友帮忙出出主意

我也要去看看一些轻量的 blog 开源项目

[xiaohupro]

@luckybigbear 没错，有价值的批评我会接受，像上面这种的批评我无感，哈哈。以前 BLOG 我用 Hexo 搭建，但是它只能用于静态博客展示，无法实现用户管理、权限管理、在线编辑等功能，所以自己用 Vue + SpringBoot 写了一个，这样可以自己想加什么功能就加什么功能。界面设计现在基本上没有，这方面也在学习中，边学习边不断的优化。

[psterman]

我说怎么这么像 hexo ，原来皮肤是借鉴的，哈哈哈，这个学习思路挺好的，有想法尽快去做，造轮子的意义比键盘侠意义大。

[aegon466]

列表宽度是固定的吗

[xiaohupro]

@aegon466 响应式的，手机下基本 100%，其他不同的屏幕左右都有空白，把内容集中到中间，使用的是 el-row 和 el-col 然后自定义分辨率占比宽度

[lairdnote]

好像没有人做 ipfs 的图床

[xiaohupro]

@lairdnote 它的存储了解过，图床类的还真不了解，不过这种在国内审核上是个问题，长久不了

[Fxshiny]

大佬请问家宽怎么不用端口来进行访问呀

[xiaohupro]

@Fxshiny 是说怎么内网穿透家里的服务器怎么不用端口进行访问吗？
我这个网站目前的解决方案是：家里的服务器通过 frp 客户端将 web 服务映射到 外网服务器的指定端口，frp 服务端对应指定端口。因为我有域名和 ssl 证书，所以为了使用这些我外网服务器加了一个 nginx 作为反代，反代对应的端口，这样就可以通过域名不用端口进行访问了，具体 frp 的基本使用方法可以查看官网或者看我在 B 站发的教程视频：
[Frp 内网穿透演示] https://www.bilibili.com/video/BV1Bx4y1Z766/?share_source=copy_web&vd_source=750528a06d20690b54533662b3489e27
希望对你有所帮助。

[Fxshiny]

@huhailong1121 要是目前，我想从公网的方案呢，大佬

[lairdnote]

@huhailong1121 至少数据不会丢

[xiaohupro]

@lairdnote 是的，我自己主要的笔记形式就是以 Mardown 为主，通过这种方式内容永远会在我自己家里的服务器上，不担心丢失。其他在线笔记主要有时候会有审核，有些敏感的内容还是自己放着放心。