用 Nuxt3 做了个博客,基于 Obsidian 的 Github 仓库作为数据源

4 天前
 gnakzz

先放地址:博客

再看功能:

首页展示个人信息和最新文章

文章页,支持分类和分页

小册,类似文档,是根据 obsidian 的目录结构来生成的

支持亮色、暗色、跟随系统

支持全文搜索

支持一键复制到公众号格式

目前主体功能完成度还可以,还差一些字数统计,阅读时长之类的锦上添花的需求。

文章和小册两个部分,都是从 Obsidian 里生成的,项目内只是配置一个个人信息

开发的这段时间,感觉国内用 Nuxt 的小伙伴是真的少,有问题没法交流,只能去 youtube 和 github 里搜一些内容或 issues ,所以如果有对 Vue3 、Nuxt 感兴趣的小伙伴,可以留下联系方式,一起交流 (有问必答)~

另外,我还基于 Nuxt3 做了一个类似 Memos 的 web 应用,可以用来发动态,也是支持 md 格式,等整理完毕再来分享

1594 次点击
所在节点    程序员
32 条回复
Track13
3 天前
你这只要有图片的页面,布局抖的和拖拉机一样。
lnbiuc
3 天前
速度好快,Markdown 是提前编译好的吗 我的也是 Nuxt ,速度没这么快 https://vio.vin/
deacyn
3 天前
感觉还不错,可以再优化优化。有来源地址吗?
poorcai
3 天前
光标放在文章链接下面一点点,抖得很
gnakzz
3 天前
@poorcai 嗯,就是用的 hover: xxx
gnakzz
3 天前
@Track13 哈哈哈哈,先把功能撸完,能优化的多着呢
gnakzz
3 天前
@lnbiuc 我访问你的,感觉也挺快的啊
gnakzz
3 天前
@deacyn 什么来源
deacyn
3 天前
@gnakzz 写错了,是有开源地址吗
gnakzz
3 天前
@lnbiuc 可能是因为 nuxt/content 的原因,我看你的好像没用 content , 访问文章前就预加载了
gnakzz
3 天前
@deacyn #9 正在整理到 github ,目前在自建的 gitea 上
lavard
3 天前
有个类似的项目: https://nolebase.ayaka.io/zh-CN/, 基于 vitepress 和 Obsidian 做的
lavard
3 天前
KouShuiYu
3 天前
我也用 nuxt 写了个博客😂, 不过最后还是选择了 astro
https://github.com/ckvv/nuxt-blog
gnakzz
3 天前
@lavard #12 挺不错的,界面也好看,不过和 nuxt 也不沾边了,我主要还是自己折腾一下
gnakzz
3 天前
@KouShuiYu 之前也用过 astro 搭博客,还是不想 md 文件们和代码本身放在一起...
KouShuiYu
3 天前
@gnakzz md 文件不需要和代码放一起啊? , 之前用的 hugo, 博客文件直接复制过去就迁移过来了, https://github.com/ckvv/ckvv.github.io
abc1310054026
3 天前
https://quartz.jzhao.xyz/ 看看这个,可以说是 Obsidian Publish 的平替。
coolcoolxk
3 天前
楼主你有用到 nuxt/image 这个模块嘛,我用了这个模块,一发布到生产环境图片加载就会报错 could not load the sharp module 😭
gnakzz
3 天前
@coolcoolxk 用到了,但是没用它的图片处理功能,只是用了统一加载一个 svg 占位图。他这是 module 依赖了 sharp 和 osvg 给你优化图片了 ,貌似是需要自己配好它的服务( ipx?)才能用,可以仔细看看 nuxt/image 的文档,nuxt 的文档里这块内容不多。 我一看这玩意要吃资源就没用。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1102208

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX