大家好,我是苍何。
在藏师傅那里看到个有意思的玩法,能将任何内容快速生成可视化网页,并且效果还相当惊艳。
于是我用 Cursor+Claude3.7 也快速将我的文章一键生成了可视化网页,整个过程只用了 2 分钟。。。

这 2 分钟我慢悠悠的喝了菊花茶,等待 Claude 帮我生成代码,真正体验了一把当老板的感觉🐶。
你甚至可以切换主题颜色,其实我更喜欢暗色风了,别的不说,看着就高级。

我看藏师傅发了很多有意思的应用场景,比如物理老师将自己的教案生成可视化网页用来演示各种物理表现。

说真的,我的灵感大爆发,除了将我的文章生成作品集外,我还可以将我的人生小记生成在线版的人生档案。
说干就干,这是我在 obsidian 中每日记录的人生小记,虽然已经加了不少的优化,不过依旧不够优雅美观。

而且是本地文件,也无法快速分享,于是我让 Claude 来帮我干活了,这是生成后的效果,大家可以对比看看。

别的就不用多说了,效果可以说相当惊艳,这样人生小记可以光明正大的给大家观赏了。
如果你每天也有在记日记的习惯(正经人谁记日记啊😂),完全可以用这个方法将所有的日记汇集成人生档案。
多年后,蓦然回首,哪些人哪些事,还能触动你的心弦。
除此之外,也可以将我们写的教程一键发布成网页并分享,比如我之前写的 rocketmq 系列教程 2 分钟快速变成精美的网页。

好了,案例看了这么多,下面讲一讲如何实现的吧,方法也很简单。
在 Cursor 中新建一个 md 文档,选中文档,然后输入提示词,选择 Claude3.7,直接点击 send:

提示词我在藏师傅的基础上稍微做了些改动:
然后静待 2 分钟,代码就自动生成好了,用浏览器打开,就可以看到效果。
这里需要注意的是,如果我们需要将 html 发布成网页,图片就得上传到图床。
图片上传图床的方法很多啦,在 cursor 中可以装一个 picgo 插件,可以配置阿里云、七牛云等各种图床。

如果配置了插件,无论是截图还是上传图片只需要一个快捷键就可以快速上传。
如果要更好的展示视频,可以在视频分享的时候选择嵌入的方式,复制代码到 md 文档中。


有了 HTML 代码,就可以通过 YOURWARE 这个网站,将代码复制进去,快速分享给别人。
稍微懂一点服务器知识的话,借助 vercel 或者 GitHub page 也可以快速发布网站。
我突发奇想,以前我们用 vuepress 或者 hexo 这种网站模板快速生成网站的方法或许可以借助 AI 来迅速升级。
传统的模板是通过预设方式进行渲染好后按照统一的方式来布局,现在完全可以借助 AI,自定义来布局排版。
你再也无需手动繁琐的调整页面代码,你只需要告诉 AI,你想要哪种风格的样式,你的每一个页面将会是焕然一新的样式。
传统的将 md 转成 html 的静态页面渲染或将可以被颠覆。
对普通的非开发者来说,有了这个方法,也能快速的将自己的任何内容转成网页。
我想你一定蠢蠢欲动了,欢迎评论区展示你的作品。
好啦,以上全文 3312 字,10 张图,如果这篇文章对你有用,可否点个关注,给我个三连击:点赞、转发
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/216984.html