Hello, 各位同学，我们今天的话给大家介绍一下，就是用trial去完成的我们文图宝的一个官网的开发。在这个过程，我们首先第一个是启动，就是启动程序。
 
因为现在我已经把整个广告已经做出来，用了有一天半的时间，就一天一天时间开发，然后一天时间部署。在今天的话，那个是2025年的3月6号的星期四的下午12点半，现在遇到问题就是他一直要排队，所以就比较麻烦。
 
好，我们现在开始启动程序，跟大家把关于开发，关于这个get up的代码的部署，以及这个VVA的部署跟大家都讲一遍。整个流程可以都稍微看一下，这样的话就是你对于整个的开发的一个流程就有比较清晰的有概念。当然在这个开发过程当中，我个人觉得你在开发时候，其实最核心点还是要有一个参考图例。就是你的想要的东西越清楚，然后你的内容把它去完成的分解越清楚，那么你得到的最后的结果会越好。所以在这个过程中，你越知道你自己要什么，然后越能够将你的文字完成图形化的这种理想，最终越是能够达到你想要达到的效果。所以在这个完成开发的过程当中也好，不管是我们的网页开发，我们的移动端开发，或者说是小程序开发，或者说是桌面端开发。在这个过程中，只要你能够想得很清楚，并且用图形的形式告诉这个trial的。在在这个开发过程中，你都是比较好的达到比较快速的开发效果。
 
其实我们在这个chrome浏览器里面已经把这个网站呈现出来。但我想在这个过程中给大家看一下他的整个的这个流程。想启动这个网站的话，他需要去安装相应的依赖。然后它会在我们的这个窗口去打开，在这个view里去出现。我们的这个窗口打开之后，它会在这个端里面去呈现这个网页状态。同时在这个过程有一个链接点，然后我们点击这个链接的话，就可以跳转到我们的这个括号浏览器里面。
 
好，我们现在把这个框浏览器打开。
 
现在我们的网站的话就已经打开了。打开这个是在我们本地所运行的。就是我们花了一天半的时间完成了这个网页的开发。在这个开发的过程当中，大家看到有这个首页，然后下载页面。云赞助的话是我们做了一个二维码的支持，在这个地方就不给大家放。如果说你想要去支持，可以自己去点建一个企业赞助跟赞助。
 
然后还有关于我们的整个的这这个开发的过程。在开发的过程当中，其实核心点的话是在于你要找到相应的这个参考范例，你找的参考范例越轻，那么你做出来的东西会越快。在这个过程我们其实找的参范例的话，是的这个芦笋的产管理。
 
大家看这个首页，我们找的参考方式也如此的。这个方式去完成的参考。然后以他的这个样式去完成了我自己的网站的开发。所以你在做一个网站开发的过程当中，最核心的点就在于你有没有比较好的参考范例。你的参考范例新你能够获得，你或者机构也会有的。
 
在当这个阶段的话，其实我们已经完成了chrome插件的开发。还有这个桌面端的话正在做，我准备把这之后的话再把它列上去。我给大家先看一下我开发的这个电器，这个浏览器的话已经在谷歌的插件商城里面去正在审核。在昨天的话，因为有一个当logo的的这个权限的问题的话，让我去做修改，所以还没有上架。我们上架之后会给大家再去做展示。
 
现在这个扩容浏览器已经做出来，今天我们所需要去做的是做这个桌面版。然后小程序是IOS。后续的话我们会去做这个网页的work，对吧？我也不做，这是后面我们需要做的一个内容。这是我们所做的这个文图宝。
 
当我们把这个网站做出来之后，接下来我们所需要去做的核心的事情是完成这个get up仓库的一个推一推送。这个是我们的这个get up仓库这个法律推不上去。这个退出长期的过程当中，我们需要去注意的一个核心点，就是我们需要要去完成这个get up仓库的它的一个对应的过程。在这个对应的过程当中的话，是就是你需要去新建一个仓库给大家看一下。
 
首先你需要在这个本地，就你在本地的这个过程当中，你需要去添加一下。我们在这个过程当中来去来去跟大家做一点小小的示范。现在的话我们可以在这个地方，在我们把这个量可以去做一点点修改。关注，这个是珀安全小程，我们可以在这个地方有情感度，我们可以把它那一个往上去友情赞助添加一点点的内容就行了。如果觉得红包对已经有非常大的帮助，我们在这个地方直接做一些修改。
 
他在启动的这个状态好像是不能做修改的，我们跟他去做，统一让他。
 
那输入卡掉了。
 
这个是没有问题的那现在这个输入卡掉了，我们在这个过程中其实就是添加一点点内容。
 
因为现在我们没有添加内容的，所以在这个过程它就不能够有比较好的显示，我们需要在这个地方添加一些内容。
 
他这个不能输入现在。
 
可以了，我们把那个网页端的那个web view把它关掉就可以了。在这个过程中就可以去做这个修改了。如果对您非常有帮助，来做这个数字之后，这个会有一个缓存区。我们点这个和那个provider不加S的话，它保存之后可以在这个地方去完成这个推送了。给大家一点去做一点点小雨好的演示。这个就是对于懂的人来说的话就比较简单，对不懂的人来说的话就好难了。
 
OK, 我们现在就刚才改了一点点，我们现在直接就是把它推送到给他打到仓库里去。
 
好，这个其实就完成了这个推送。推完之后，我们在这个地方所遇到的一个比较大的问题。就是我们在推送的时候，大家现在gap的话，它有一个地方需要去重新完成他的远端仓库的一个对接的过程。在这个原端仓库对接的时候，需要在在我们的仓库的这个过程当中去修改它仓库这个地址。
 
给大家看一下。比方我们现在在这个地方的话，去新建一个幕布，那么他他就我们创建了这个仓库之后，他就会有一个这个地址。这个地址的话这个是他的推荐地址。我们需要把这个推荐地址把它修改成SSH的近义词。在这里给大家看一下，就在这个地方的，我们需要把它去改成这地址。就当我们把这个地址把它放到仓库里面之后，那么它就会去呈现出整个状态。就他当前连的这个地址，连这个地址了，他连上去之后的话，半天推那个推不上去，所以我们需要去使用这个。SSH的意思就是把我们后面这一块的把它改到这个上面，然后先添加它的原始地址的这个地址，然后修改成以SS的地址推送，才能比较好的推送。
 
这是在完成给他仓库给我推送的一个问题。我们这个仓库的这个地址的话就是已经完成完毕的推动之后，这个过程当中的话，我们所需要去做的就是把我们仓库的这是这个内容的话完成这个部署。在部署的时候我们使用的是要是啊不足。大家在上去注册他这个账号，账号完毕之后，就可以看完成部署的。它是一个持续部署的过程。在昨天的话我在做部署的时候，它涉及到那个路由上面不对应。好，这就是我们部署上去之后，它的完成的这个地址。
 
因为昨天我一开始在部署的时候，这个链接是没有问题的。这个后面是因为我把两个仓库算了之后，他需要重新的去给你新建一个用户名字之后才能去。所以这是今天这个新他给你新建的。
 
这个vista在做的时候，就是遇到一个问题。我昨天在做的时候，就是在做这个，我点下载的时候，我重新构建了一个下载地址。但是这个下载地址的话，它跳转之后总是404的这个过程，所以在这个过程我就把下载的话，我就放在那个首页上面，然后以轮播图的形式调整。这些就是在今天一直解决不了这个问题。你在这如果说大家能够在这个没你在下载是点击另外一个页面，如果没有报这个试一试的话，其实也可以告诉我，你没有报是是是用什么方式去做。在任务上我们一开始是没有这个威慑的节省。后面的话他一直报错，不加这个VCJ，这加上去之后他还是报错。所以我最后把那个直接把那个当漏的那个ATL去掉了，然后放到这个首页上面来了。
 
现在我们在在做的过程当中的话，一个就是我已经做的是chrome插件，我把它链接这个get的仓库上面去了，它的整个执行的样是这个样子。这个的文图宝的话已经上传到chrome的商城里面，正在做审核。我们到后面审核完毕之后，我们跟大家去介绍一下这个插件怎么怎么做，以及那个插件上传的过程。
 
OK在做这个文图宝的这个过程中，还会涉及到一个logo的一个制作。在做这个logo制作的话，我一开始用了两个方法去完成制作的。首先第一个方法是用action点text给me，这是这个y two age编程的角色完成的一个项目。他能够比较好的给我们提供两个方式，一个方式是生成logo，第二个是上传logo之后去完成这个尺寸的下载。所以在这个logo上我觉得是非常好容易推荐给大家，在这个地方也可以跟大家操作一下。比方说我们现在要一个文图宝的这个logo，我们给大家那个操作在这个地方文图宝文图宝，然后描述一款。它这个描述的话其实是你要告诉他，你想要去做一个什么样的一个圆形的logo，然后是一个什么样，是以什么样的logo，是一个铅，是一个中间一个铅笔，外面一个圆，中间一个铅笔，然后外面一个圆，外面一个圆圆形圆形，然后飘逸飘逸，灵动OK我们在路上就可以去logo生成了。大家可以看一下，我给大家介绍一下。
 
我觉得他这个就是生产的这个比较有用比较有用OK大家可以看到就在这个过程中，它可以去不断的去完成这个图片生成。但我那个时候是用的这个上传去完成这个logo的一个生成的过程，还得不断的去修改，不断的修改。或者我们在这个地方的话就是不需要写这么多不需要写这么多。直接就是我们的这个名字加上你的描述。是当然你可以在这个过程当中的话，去在fit里面去完成优化。就是你把你的这个logo的描述越清楚，这一个icon那个插件的话给大家做出来的东西会越好。
 
一开始我做出来的是这样一个一个这个logo这个logo的，反正这也是一个不断抽卡的过程，那么这个过程我们现在的这个文图宝这个logo是从什么地方来的呢？是在这个地方，是在才出了一个叫V接AI的工具。这个工具的话它可以去帮助我们去完成一个网站的制作。在这个制作过程当中，它的特别好的目的去提供他这个抬头的logo。其他的可以做参考，在这部分我的去参考了他的这个标题标题栏。然后当露出来之后，我们就可以去那个颜颜色识别各种颜色识别的过程中，用这个Marcus的原型识别，在这个上选择了三个色、一个色、两个色、三个色来去作为我们的主视觉的一个呈现。
 
所以在这个网站的制作过程当中的话，我觉得大家就是你想要去做什么东西可以先做。但是你最后要去做视觉统一的话，就是要有一些参考。这个参考的话就刚才我们所介绍的一个logo智能生成。还有一个是我们的这个v vig点AI的这个工具，可以给大家一些logo参考。当你的这个logo参考完毕之后，那你再去完成你自己的这个网站制作也好，产品制作也好，就会做的越好。
 
这是我们给大家去介绍的一个过程，就是通过trial去完成开发。然后通过github全程仓库的一个推送，然后通过这个去完成这个仓库的一个部署。在这个部署的过程当中，我们现在看到的这个是，这是以前的大家看到这以前的这个logo，我是用吉梦去做了一个logo，但是我觉得现在这个logo的话会做的更好一点。在这个过程我们会把这个插件的整个版式到后面去做一下重新的一个调整，先给大家去完成一下那个插件的一个呈现，到后面再跟大家去讲讲差异怎么做的。我们可以把这个文图宝的它的复制下来，在这个过程当中点。
 
邓文。创意无限。精美图片脱颖而出。
 
现在我正在想是怎么用AI的形式来把它做的更好。大家可以看到这个下面就会有有这个，然后它可以调整这个文字的大小，并且它这个地方可以调风格。然后这个地方可以调它的那个尺寸。我现在想就是怎么把它做的更好一点。当我们这个做好之后，我们就可以去点击这个下载。这个就是选中推选之后可以点下载，这是我们做的这个就是指一个小工具，在那这样这就是我们生成一张图，这是我们做的chrome插件。在这个过程当中，其实我在想的就是这个差异，怎么去把这个图做的更好。就是这个文字和加上这个图片以及这个风格怎么能够做的更好，这是最近的一段时间我在思考的一个问题。
 
任你选海量模板任你选OK这就是我们在做的。然后这个地方还有一个小页码的一些。我们到后面还需要去优化。现在在这个地方其实也遇到一个问题，就是如何去完成更好的这个模板的呈现，就让它比较好的符合我们的小红书的呈现的要求，这也是我最近一段时间正在思考的一个问题。如果说你有这方面的经验的话，也可以做一下交流。
 
好，这是我们今天要做的一个关于网站的制作和一个chrome插件的示范。整个的话就包含的是的一个开发，然后这个gap的数的推动和我们的visor的一个仓库的部署。希望这个对于大家来说有用。大家可以下来之后的话，去看一下我们现在所完成的温度宝的一个开发的过程。OK现在我们在这个地方是链接的是他仓库，我们到后面会直接链接chrome的他的商城的插那个插件的插口。我们到后面再去慢慢优化，慢慢优化。
 
好，今天的分享就到这个地方。在后面的分享的过程中，会跟大家分享我们的这个插件的一个制作和上架的过程。好，今天分享就到此结束了。如果大家想要有更多的交流，更多的沟通，可以用下面这些方式联系到我。好，我们下一个课程里面再会，祝大家午安。