V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yuhangch
V2EX  ?  程序员

说说用 nuxt 写了个博客的体验

  •  
  •   yuhangch ·
    yuhangch · 306 天前 · 1740 次点击
    这是一个创建于 306 天前的主题,其中的信息可能已经有所发展或是发生改变。

    腾讯云最新优惠活动来了:云产品限时1折,云服务器低至88元/年 ,点击这里立即抢购:9i0i.cn/qcloud,更有2860元代金券免费领取,付款直接抵现金用,点击这里立即领取:9i0i.cn/qcloudquan

    (福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

    之前一直用的 hugo ,想用 cusdis 作为评论系统,又不想直接加载使用 iframe 加载,之前用过 vue ,就想用 nuxt 写个博客试试水。

    hugo 很好,生成快,社区活跃,但用起来总像带着镣铐跳舞:翻文档找 api ,编辑在 IDE 里一片红的 HTML 模板。。。

    说说用 nuxt 写博客的体验:一路过关斩将的畅快感。

    markdown 渲染

    首先,markdown 渲染直接拉出来 nuxt-content 就搞定了 ,之前的 md 几乎一点没改,把 quick start 的例子复制上,连路由带渲染直接齐活了,直接增强了我试水的信心。

    文章的目录直接使用 nuxt-contentcontent-list 组件搞定,shortcode 直接用Inline components 平替。

    纯属为了体验,也用了 YAML 和 CSV 分别用来存关于页的内容和一个类似说说的内容,也没啥问题。

    多语言

    @nuxtjs/i18n没费太大功夫,不同语言的文章分目录管理,localePath 函数处理了路由,不用各种 if-else,几乎没啥代码量。

    暗黑模式

    @nuxtjs/color-mode@nuxtjs/tailwindcss 用着也很舒服。

    RSS

    RSS包配合 nuxt-content , 找了篇博客,复制上也能用了。

    评论

    railway.app 跑了个 cusdis ,自己写了个组件调开放接口,是最费功夫的部分。 还遇到个小坑,请求时的pageId和响应结果里的pageId有点子不同,响应结果里的pageId是根据请求的Id生成的,使用响应结果里的pageId作为请求参数,会重新生成一个新的Page,这样生成的评论可以在管理后台看到,但在开放接口里请求不到,排查了好大一会 Orz 。

    最后

    最让我感觉爽的是,想用 turnstile 给评论的表单做个验证,也有nuxt-turnstile可以用。

    整个流程下来,最多的时间花在熟悉 nuxt 上了(之前只用过 vue ),花在功能业务上时间很少,或者说功能做起来都比较顺利,显得时间短。

    对我来说(用过 vue ,但前端菜?),用 nuxt 完成博客文章列表、文章渲染、代码高亮、多语言、暗黑模式等等,比写一个 hugo 的主题要简单的多(各种 api 看的头大),感觉大家都可以去试试哈哈?。

    5 条回复  ?  2023-06-28 19:13:07 +08:00
    vitovan
        1
    vitovan  
       306 天前
    不要害羞,请贴出你的博客链接。
    hemingcn
        2
    hemingcn  
       306 天前 via Android
    那我也贴出我博客骗几个 ip 先:u.sv
    vitovan
        3
    vitovan  
       306 天前
    loading comments forever 是正常的吗?

    https://blog.yuhang.ch/posts/shares/tms-to-wmts
    yuhangch
        4
    yuhangch  
    OP
       306 天前
    @vitovan #3 这里还没做完??♂?,现在点击一下是拉取,someone 是你不~
    vitovan
        5
    vitovan  
       306 天前
    @yuhangch #4 趁热快做。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1378 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 17:22 · PVG 01:22 · LAX 10:22 · JFK 13:22
    Developed with CodeLauncher
    ? Do have faith in what you're doing.


    http://www.vxiaotou.com