V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
yunyuyuan
V2EX  ›  分享创造

nuxt3 发布稳定版了,我也分享一下写了很久的博客,白嫖的最高境界

  •  1
     
  •   yunyuyuan · 2022-11-18 20:49:52 +08:00 · 2386 次点击
    这是一个创建于 734 天前的主题,其中的信息可能已经有所发展或是发生改变。

    预览地址: https://blog.yunyuyuan.net/

    github: https://github.com/yunyuyuan/nuxt3-blog

    截图



    为什么说是白嫖的最高境界呢,以下全免费:

    1. 在线更新,使用 github 开放的 api ,网页端就可更新博客。
    2. 上传图片,网页端上传图片,serverless + 图床 sm.ms 开放的 api (最近 tinypng 也开放了 api ,可以免费压缩 500 张)
    3. 浏览量统计,上面两个还好说,但统计总需要数据库吧?没错,但还是免费的:mongodb.com ,甚至 vercel 提供了一键整合!
    4. 评论,评论用的是 giscus ,使用 github 的 discussions ,依旧免费。
    5. SSG 部署,nuxt3 最近支持了 SSG ,配合 vercel 部署,SEO 必须整到位!

    打包的 html:

    于是,这个支持网页端更新,图片上传,浏览量统计,评论系统和 SEO 的博客,你能想到它是完全免费的吗?

    欢迎大家 fork 尝试😘

    已知缺点:

    1. ui 不好看,因为没艺术细胞(期待有设计师愿意合作,当然用爱发电是没有工资的!)
    2. 全部是国外的服务,访问速度不如国内快
    3. 没有自动化测试,有 bug ,之前试过 playwright ,没学会

    另外感慨下,国内本来能白嫖的服务就少,还动不动要备案,玩不起也不敢玩,唉!

    11 条回复    2022-11-21 18:05:48 +08:00
    zisen
        1
    zisen  
       2022-11-18 21:26:12 +08:00 via iPhone
    如果图床变了或者倒闭了,那博客里的图片是不是全没了🤔,有迁移的办法吗
    yunyuyuan
        2
    yunyuyuan  
    OP
       2022-11-18 21:29:45 +08:00
    @zisen #1 有啊,我目前是在小主机上跑个脚本,定时把图片都下载一份
    99s
        3
    99s  
       2022-11-18 21:43:44 +08:00
    免费的才是最贵的
    yunyuyuan
        4
    yunyuyuan  
    OP
       2022-11-19 08:38:50 +08:00
    @99s #3 部署其实花不了很长时间。后面我考虑支持 ssr 自建( nuxt3 本来就支持的),还有一楼说的图片备份与迁移
    Uyloal
        5
    Uyloal  
       2022-11-20 21:03:51 +08:00
    @zisen 可以找个网盘 + alist + cloudflare worker 做图床
    LavaC
        6
    LavaC  
       2022-11-21 09:33:36 +08:00
    对接了图片上传就是方便啊,我写的博客没搞这个所以有点图就得手动上传复制链接就很麻烦。
    P.S. 没想到和 op 是在差不多的时间通关的 outer wilds 。
    yunyuyuan
        7
    yunyuyuan  
    OP
       2022-11-21 10:39:21 +08:00
    @LavaC #6 找到同好了哈哈,其实我是 2021 年初通关的。serverless 可以对接很多东西的,无限可能。
    LavaC
        8
    LavaC  
       2022-11-21 11:26:17 +08:00
    @yunyuyuan 我只嫖了数据库装了个 umami 和 artalk ,当时真没想到图片方面怎么嫖比较好,唯一做的也就本地搞了个截图自动压缩方便我直接上传。
    awesomes
        9
    awesomes  
       2022-11-21 14:39:11 +08:00
    其它的都好说,重点是 serverless ,不知道你是不是指的这个 https://cn.serverless.com ?如果是的话,这个可不是一直有免费额度的好吧。
    yunyuyuan
        10
    yunyuyuan  
    OP
       2022-11-21 18:01:46 +08:00
    @awesomes #9 vercel 提供的 serverless ,限制 timeout 是 10s ,次数不限,完全够用
    yunyuyuan
        11
    yunyuyuan  
    OP
       2022-11-21 18:05:48 +08:00
    @LavaC #8 https://github.com/yunyuyuan/nuxt3-blog/blob/master/api/smms/upload.tshttps://github.com/yunyuyuan/nuxt3-blog/blob/master/lib/api/smms/upload.ts 。接入很简单,就是构造请求我踩坑了,"Content-Length","Content-Type",knownLength ,filepath ,filename 都一个不能少,而且如果用 tinypny 压缩后就是 buffer ,不压缩的话是 filepath ,需要分别处理一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5713 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 01:43 · PVG 09:43 · LAX 17:43 · JFK 20:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.