傻瓜式一键部署你的网页,让全世界看见你的想法

307 阅读3分钟

AI 生成网页现在质量好、颜值高,也很容易触达用户。因为不需要复杂的配置和下载什么软件。

但是,现在很多人制作了漂亮的静态网页(读书分享、公司分析、调研报告等),分享却很不方便。毕竟网站部署还是个麻烦活,要域名、要服务器。至于国外的快捷部署网站 yourware.so/ 虽然火的早,但奈何需要科学一下,还是很麻烦。

这不,国内的字节旗下的稀土掘金论坛出了自家的 AICoding 的静态网页部署支持和MCP,这下贼方便了。

一句“帮我把网页部署到掘金”就自动化部署完毕,并返回你的部署地址。

整好我尝试一键部署了之前自己做的【九宫格图片切割+背景移除】的工具,用于制作微信表情包用的,试了下发布,丝滑,效果可以看网页 aicoding.juejin.cn/pens/750913… 。再也不用在微信群里发不直观的 html 文件了。

傻瓜式部署,真香啊。

静态网页部署步骤

  1. 注册掘金账号(国内比较活跃的程序员的论坛),aicoding.juejin.cn/
  2. 通过这个链接获取 token 获取,aicoding.juejin.cn/tokens
  3. 在 Trae( Cursor 或 Cline 或 WindSurf 等支持 MCP 的 IDE )中,配置掘金的 Coding 页面发布的 MCP,把步骤 2 中获取到的 token 配置到 mcp 中。代码和截图如下所示:
{
	"mcpServers": {
		"juejin-deploy-mcp": {
			"command": "npx",
			"args": [
				"--registry=https://registry.npmjs.org",
				"-y",
				"@juejin-team/mcp-server@latest"
			],			
			"env": {
				"JUEJIN_TOKEN": "你的 token"
			}
		}
	}
}

juejin-3.png

  1. 发号施令,召唤神龙。在 Trae 对话框中,通过引用你要部署的 html 所在的文件夹,然后输入“帮我把网页部署到掘金”,部署工作就结束了。我的部署的截图如下。

juejin.png

注意:有个细节说明下,部署的时候要指定自己的 html 文件所在的文件夹,不要只指定一个 html 文件。虽然说指定单文件,trae 能自动复制和拷贝处理,但是会多了中间文件。

对掘金 AI 编程的一点想法

最近一周,一直在思考一个问题:AI 加持下的开源项目应该如何呈现?

本来自己见了个私仓,想着做一个完整的真正的 AI 项目:把项目文件、rules、Prompts、文件改动的历史(通过 git history 呈现)等包含进去,作为纯原生的 AI 生成式项目。这样其他人就能改动 Prompt 或 rules 进行定制化和分发。

我想着可能是 AI 下的开源项目的表现形式,它更新一个生产流程说明,但是不是成品。成品需要每个使用者自己去制作。

结果,今天部署完了静态网页到掘金上后,定睛一看,发下下面图中的标红所示:对话记录和项目 Rules。

juejin-1.png

天塌了,这个产品把这个开源思路做出来了,而且右上角还有个 Trae 复刻。

那一瞬间,我默默的下单了还在犹豫的 Pro。

我感觉,字节的编码的产品逐渐闭环了,虽然工程化不一定比得过 Cursor,但是还是很期待,毕竟也能作为国区Vide Coding 的老大了。

juejin-2.png