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

Gumori - 支持 React/Svelte/Vue 组件的极简静态博客模板

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

    GitHub: https://github.com/importantimport/gumori

    Demo: https://gumori.netlify.app

    特征

    基于 Astro 。

    行内高亮

    Astro 没有 MDsveX 的兼容性问题,就用了最时髦的 rehype-pretty-code,它可以给行内代码高亮。

    还有一些额外的功能比如单词突出显示之类,但我没写对应的样式。

    最小样式

    必要 CSS 不到 1KB (用来适配上面的代码高亮),模板本身就只是语义化 HTML 。

    现代生态

    如题,不过目前在一些方面会比较简陋

    完整的兼容框架列表:React, Preact, Svelte, Vue, SolidJS, AlpineJS, Lit

    深度定制

    由于上面这些特点,可以基于它写一个自己的分支(或者叫主题),也能搭配无类 CSS 主题使用(比如演示站默认引用的是 new.css )

    使用

    也可以点 README 的 "Open in StackBlitz" 按钮体验

    npx degit importantimport/gumori my-blog && cd my-blog # 下载到当前路径的 my-blog 文件夹下
    npm i -g pnpm # 安装 pnpm ,已有则跳过此段
    pnpm i # 安装依赖
    pnpm dev # 开发
    pnpm build # 构建
    
    • 配置:./src/config/gumori.ts
    • 帖文:./src/posts/
    • 静态文件:./public/

    还可以看看

    3 条回复    2022-07-12 18:41:21 +08:00
    J1Feng
        1
    J1Feng  
       2022-07-12 12:02:56 +08:00
    折腾从未停止,写作从未开始 :)
    gausszhou
        2
    gausszhou  
       2022-07-12 13:42:00 +08:00
    @J1Feng 哈哈 : )
    M9l7chlLGv
        3
    M9l7chlLGv  
    OP
       2022-07-12 18:41:21 +08:00
    @J1Feng 显然折腾也是写作的一部分 :)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   877 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 20:53 · PVG 04:53 · LAX 12:53 · JFK 15:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.