1.部署 这一块

对于我们学生而言,学计算机专业最喜欢上来就装*或者炫耀,通常我们就会向别人展示自己制作的一个网站,比如个人主页或是一个简易的小游戏又或者是小软件,利用现在的AI,帮你写出完整的代码完全不成问题,但是很多人都会卡在部署这个地方,都只是大致了解需要购买服务器和注册申请域名,然后就觉得麻烦就不愿意去实现了。

其实完全不需要,现在如果你会利用工具,很多都有免费额度都完全足够你的使用,那么今天我给大家介绍我部署网站的心得,并重点放在如何最快部署上线使别人能够访问到(以便炫耀哈哈哈哈)。

简易版本

利用豆包

没错就是豆包,我们打开以后点击这个“编程”这里面有非常多的模板和功能,而且可以自己加以创作。我随便试了一个效果其实很好了风格酷炫,不过它是模板,确实应该被精修过,而且你可以点击右上角的分享按钮分享给他人,https://www.doubao.com/share/code/a12e5b870de81f89 ,简易版到这里就结束了。

------------------------------------------------------------------------------------------------------------------------------

进阶版本

如果你不满足,你会发现这个网址没有办法改为你想要的名字,而且打开后都有豆包创作的提示框,那么进阶版来了,这才是计算机学生该会的。那么今天就利用edgeone pages mcp和Qwen3-Coder模型实现。我用的IDE是Qoder,当然别的AI编辑器也是可以的,都可以配置mcp,通常在“设置”里,

就是点击右上角那个小人那个圈里面就有“设置”,然后点击mcp server这一块,来配置,我这里已经配置好了。

我来交大家怎么配,首先打开edgeone的官网边缘全栈开发平台 - EdgeOne Pages ,

点击“免费开始”,!!一定要点击它,不要点别的登录

登陆以后来到这样的页面

点击框里的示例模板,然后就选第一个那个什么Landing page demo就行,就开始部署,非常快,接着我们获取API Token,返回刚刚的管理页面,选择API Toekn

创建的名字和有效期都随意填,填完以后就给你冒出来一个API,点击右侧的复制复制下来,

{
  "mcpServers": {
    "edgeone-pages-mcp-server": {
      "command": "npx",
      "args": ["edgeone-pages-mcp"],
      "env": {
        "EDGEONE_PAGES_API_TOKEN": "替换为你的API Token",
        "EDGEONE_PAGES_PROJECT_NAME": "替换为你的刚刚创建的示例模板项目的名称我的就叫landing-page-demo"
      }
    }
  }
}

把这段替换好以后直接粘贴到Qoder的mcp配置里。那么这里就基本到最后了。

让Qwen3-Coder创作一个个人网页

这样就写好了,接下来调用mcp部署

这样就可以直接访问而且可以在edgeone控制台管理自己的网站

这里可以更改域名,但是需要你自己有域名,可以去阿里云买大概便宜的也就8块钱左右,还有一种免费的但我不确定能不能配就是从digitalplat平台获取的免费域名,可以试试。

那么本期文章到这里就结束了,谢谢观看。

Logo

更多推荐