用 Nuxt3 做了个博客,基于 Obsidian 的 Github 仓库作为数据源
先放地址:博客
再看功能:
首页展示个人信息和最新文章
文章页,支持分类和分页
小册,类似文档,是根据 obsidian 的目录结构来生成的
支持亮色、暗色、跟随系统
支持全文搜索
支持一键复制到公众号格式
目前主体功能完成度还可以,还差一些字数统计,阅读时长之类的锦上添花的需求。
文章和小册两个部分,都是从 Obsidian 里生成的,项目内只是配置一个个人信息
开发的这段时间,感觉国内用 Nuxt 的小伙伴是真的少,有问题没法交流,只能去 youtube 和 github 里搜一些内容或 issues ,所以如果有对 Vue3 、Nuxt 感兴趣的小伙伴,可以留下联系方式,一起交流 (有问必答)~
另外,我还基于 Nuxt3 做了一个类似 Memos 的 web 应用,可以用来发动态,也是支持 md 格式,等整理完毕再来分享
服务器在新加坡,不同地区访问速度也有区别...
你这只要有图片的页面,布局抖的和拖拉机一样。
速度好快,Markdown 是提前编译好的吗 我的也是 Nuxt ,速度没这么快 vio.vin/
感觉还不错,可以再优化优化。有来源地址吗?
光标放在文章链接下面一点点,抖得很
嗯,就是用的 hover: xxx
哈哈哈哈,先把功能撸完,能优化的多着呢
我访问你的,感觉也挺快的啊
什么来源
写错了,是有开源地址吗
可能是因为 nuxt/content 的原因,我看你的好像没用 content , 访问文章前就预加载了
#9 正在整理到 github ,目前在自建的 gitea 上
有个类似的项目: nolebase.ayaka.io/zh-CN/, 基于 vitepress 和 Obsidian 做的
多了个逗号 , nolebase.ayaka.io/zh-CN/
我也用 nuxt 写了个博客😂, 不过最后还是选择了 astro
github.com/ckvv/nuxt-blog
#12 挺不错的,界面也好看,不过和 nuxt 也不沾边了,我主要还是自己折腾一下
之前也用过 astro 搭博客,还是不想 md 文件们和代码本身放在一起...
md 文件不需要和代码放一起啊? , 之前用的 hugo, 博客文件直接复制过去就迁移过来了, github.com/ckvv/ckvv.github.io
quartz.jzhao.xyz/ 看看这个,可以说是 Obsidian Publish 的平替。
楼主你有用到 nuxt/image 这个模块嘛,我用了这个模块,一发布到生产环境图片加载就会报错 could not load the sharp module 😭
用到了,但是没用它的图片处理功能,只是用了统一加载一个 svg 占位图。他这是 module 依赖了 sharp 和 osvg 给你优化图片了 ,貌似是需要自己配好它的服务( ipx?)才能用,可以仔细看看 nuxt/image 的文档,nuxt 的文档里这块内容不多。 我一看这玩意要吃资源就没用。
确实很不错,但是貌似还是要把所有 md 都搬到 content 目录下?
是的,我是直接把 content 作为 obsidian 根目录的
#17 对,是这个意思,把文件复制到项目里一份,但后面感觉不好同步呢,除非就只用代码里 content 下的 md 来写东西。 不然就感觉耦合到了一起...
#22 嗯嗯,明白,我是想找个能代码和文章分家的 因为 ob 里真的什么都写,一个项目都不好塞下,靠复制到某个项目内,再打包的话,后面再写了新的或改了旧的,还要再同步过去一份。
代码文档分开这个需求,你需要的可能是个在线编写的平台。不严格的分开的话,vitepress 可能是个选项。
docs.astro.build/en/reference/modules/astro-content/#loader
astro 的数据可以从任何源(本地或远程)加载到内容集合中
只是想要代码和文章完全分开的话 用 git submodel 就行了
#10 NuxtContent 这么快了吗现在,我当时用的时候太慢了,我这个是服务端用 nxut mdc 渲染后缓存的
这个模块要求你的图片需要在 public 下,项目编译时会生成一些东西,仔细看下,正常图片访问地址他帮你替换了
我现在是域名挂在 cloudflare 下,不需要速度的就用 cloudflare tunnel 了,但需要速度的服务就单纯 http 反代了,套 cf cdn 也太慢了,我需…
就是非基础架构那种的 Java 源码 像什么 Spring,Mybatis 这种在我的理解都算基础架构的源码 还有什么各种后台管理,ruoyi,jeecgBoot 这种也算基…
Code Review应该是软件工程最最有价值的一个活动,之前,本站发表过《简单实用的Code Review工具》,那些工具主要是用来帮助更有效地进行这个活动,这里的这篇文章,…