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

5 天前
 gnakzz

先放地址:博客

再看功能:

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

文章页,支持分类和分页

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

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

支持全文搜索

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

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

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

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

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

1624 次点击
所在节点    程序员
32 条回复
gnakzz
4 天前
@abc1310054026 确实很不错,但是貌似还是要把所有 md 都搬到 content 目录下?
abc1310054026
4 天前
@gnakzz 是的,我是直接把 content 作为 obsidian 根目录的
gnakzz
4 天前
@KouShuiYu #17 对,是这个意思,把文件复制到项目里一份,但后面感觉不好同步呢,除非就只用代码里 content 下的 md 来写东西。 不然就感觉耦合到了一起...
gnakzz
4 天前
@abc1310054026 #22 嗯嗯,明白,我是想找个能代码和文章分家的 因为 ob 里真的什么都写,一个项目都不好塞下,靠复制到某个项目内,再打包的话,后面再写了新的或改了旧的,还要再同步过去一份。
abc1310054026
4 天前
代码文档分开这个需求,你需要的可能是个在线编写的平台。不严格的分开的话,vitepress 可能是个选项。
KouShuiYu
4 天前
@gnakzz https://docs.astro.build/en/reference/modules/astro-content/#loader
astro 的数据可以从任何源(本地或远程)加载到内容集合中

只是想要代码和文章完全分开的话 用 git submodel 就行了
lnbiuc
4 天前
@gnakzz #10 NuxtContent 这么快了吗现在,我当时用的时候太慢了,我这个是服务端用 nxut mdc 渲染后缓存的
lnbiuc
4 天前
@coolcoolxk 这个模块要求你的图片需要在 public 下,项目编译时会生成一些东西,仔细看下,正常图片访问地址他帮你替换了
Plumbiu
4 天前
@coolcoolxk pnpm add sharp 需要手动安装一下 sharp
gnakzz
3 天前
@lnbiuc #27 我知道你的意思了,v3 以前是基于缓存的文件,v3 ( 3.0.0-alpha.8 )目前是基于 sqlite 了,而是编译成 wasm ,直接用在浏览器上,所以查询之类的基本不耗时
gnakzz
3 天前
@abc1310054026 #25 不是的,文章肯定是纯本地的写,所以才用的 ob ,这个博客算是我为了折腾 nuxt 写出来的东西吧。后续也是想围绕一些 nuxt 的实战经验写点文章~
lnbiuc
2 天前
@gnakzz #30 原来是出 v3 版本了,又可以尝试用回 nuxtcontent 了

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

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

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

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

© 2021 V2EX