静态网页怎么维护,静态网页网站

阿里云云开发平台重磅推出开源应用中心,聚合最热门的开源应用,让你像安装app一样快速上线一个网站。面向新人和持续活跃的开发者用户推出上线激励加油包,最高100元无门槛代金券免费送,现在体验还能够领取年轻人的养生神器,桌面不锈钢保温杯!
聚合最热门的开源应用
开源应用中心聚合了目前最热门的前端开源应用模版,让大家真正可以做到像安装APP一样来上线一个网站。目前已经支持最热门的前端框架,包括Vue.js、React、Nuxt.js、Next.js、AntDesign等,还有内容管理平台Hexo、Docusaurus、VuePress、Sapper等。使用部署开源模版非常适合您的以下场景:
个人学习:轻松创建个人主页、博客等网站,边部署边学习。协同开发:创建信息管理系统、CMS等前端项目,多人协同维护开发。
云开发平台同样面向广大的开源作者征集应用,对于热门的应用我们能够提供现金激励、以及流量曝光等扶持。
开源应用一键同步一键部署
阿里云云开发平台前端应用部署功能旨在为前端开发者改善工作环境,优化前端开发和部署体验。同时还可以结合云开发平台云原生的架构能力和主机应用的部署能力,让前后端应用能够更高效地协同。
操作简单:无需购买服务器、配环境、手动上传文件等,云开发平台都可以帮你自动操作,包括在需要时随时一键上线/下线。使用零成本: 支持GitHub和云效的Codeup仓库,快速将仓库的代码进行构建部署。免费资源扶持: 免费提供临时的测试域名,对于新用户和持续活跃的用户提供免费的云资源加油包。无数量限制: 没有使用的repo数量和应用数量的限制, 不管是开源仓库还是自己账户下的repo,每一个代码repo都可以部署为一个静态网站。简单几步使用云开发平台上线静态应用
1. 账号准备工作
你需要一个阿里云账号,并使用阿里云账号登录云开发平台 (),按照提示创建团队,点击同意协议。没有阿里云账号就在登录页面注册一个继续登录。拥有Github账号 (),没有就注册一个。为保证最好的使用体验,请使用Chrome浏览器。未开通阿里云OSS的用户,点击链接 ()开通OSS服务。OSS开通免费,有一定的免费额度,超过额度之后按量付费。
2. 创建应用

2.1 选择应用中心任意模版创建应用
选择应用中心任意模版创建应用。如果您之前没有使用过云开发平台,会出现云资源授权管理的选项,往下拉出现直至同意授权的字样,点击「同意授权」后出现授权成功,点击进入「下一步」。

设定部署配置。当部署的是您自己的代码仓库时,开发平台需要您根据具体代码进行简单配置来部署成功:编写build.sh:代码从源码,经过npm打包编译等过程,到生成为纯粹HTML/CSS/JS静态文件的全过程的shell指令,需要被完整填写到发布分支根路径下的build.sh文件中,例如: 静态网页怎么维护,静态网页网站
不知道如何操作?您也可直接点击一次“部署”按钮,之后,对默认生成的build.sh内容进行任意修改:

b. 填写静态文件相对目录:在build.sh执行后,从代码生成出的静态文件所在的相对目录,需要被填写到“部署配置-资源路径”中。
静态网页怎么维护,静态网页网站
Tip:例如React应用(如图),一般会填写“./build”;Vue应用则一般为“./dist”。
Dinosaurs网站日常环境部署好了。日常环境的测试域名也是可以访问的,点击访问已部署网站按钮会出现一个弹出,点击弹出上的立即访问就能够访问已经部署好的站点了。在部署完成后,可以继续本地编码,并将代码push到应用的“基本信息”中对应的代码仓库内。 静态网页怎么维护,静态网页网站
4. 配置自定义域名在线上环境上线
配置线上环境自定义域名。在功能开发验证完成后要在线上环境进行部署,在线上环境的「部署配置」-「自定义域名」中填写自己的域名。例如我们添加一个二级域名 company.workbench.fun 来绑定我们部署的前端应用。然后复制自定义域名下方的API网关地址对添加的二级域名进行CNAME配置。 静态网页怎么维护,静态网页网站

配置CNAME地址。复制好 API网关域名地址后,来到你自己的域名管理平台(此示例中的域名管理是阿里云的域名管理控制台,请去自己的域名控制台操作)。添加记录的「记录类型」选择「CNAME」,在「主机记录」中输入你要创建的二级域名,这里我们输入「company」,在「记录值」中粘贴我们之前复制的 API网关域名地址,「TTL」保留默认值或者设置一个你认为合适的值即可。 静态网页怎么维护,静态网页网站

在线上环境部署上线。回到云开发平台的应用详情页面,按照部署的操作,点击线上环境的「部署按钮」,部署完成以后就在你自定义的域名进行了上线。CNAME 生效之后,我们输入 company.workbench.fun(示例网址) 可以打开部署的页面。至此,如何部署一个应用到线上环境,如何绑定自己的域名来访问一个线上的应用就完成了,赶紧部署自己的应用到线上环境,用自己的域名玩起来吧 ;)

本站部分内容由互联网用户自发贡献,该文观点仅代表作者本人,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规等内容,请联系我们举报!一经查实,本站将立刻删除。

相关推荐

  • 如何把软件放到网页上(将软件插入网页,实现在线应用)

    本文介绍了将软件插入网页,实现在线应用的技术,探讨了其在现代互联网应用中的重要性和应用前景。 一、技术原理 将软件插入网页,实现在线应用是通过浏览器插件或网页控件的方式将原本安装在本地的应用程序嵌入到网页中,使用户可以在网页上直接使用应用程序的功能,并且不需要下载或安装任何软件。这种技术的实现需要浏览器支持插件或控件的功能,同时需要应用程序提供相应的API接…

    2023-05-03
  • 鸳鸯苗怎么养好养,鸳鸯茉莉扦插繁殖方法

    鸳鸯茉莉是华北夏季露天摆放和冬季室内布置的优良盆栽花卉。其花卉开5天左右,在这5天里花朵从一开始的蓝紫色,渐变为雪青色,最后变为白色,由于花开有先后,在同株上能同时见到蓝紫色和白色的花,故又叫双色茉莉,其英文名之意为“昨天、今天、明天”,这形象地描绘出其花色的特殊变化。但全株有毒,果实毒性较大,若家里有小孩的需要注意摆放的地方,以免误食而引起中毒。鸳鸯茉莉是…

    2023-08-29
  • 怎么样攻击百度网站,入侵百度服务器有多难

    在“主页”设置区域中的“地址”文本框中输入自己需要的主页,如这里输入百度的网址为在左侧窗格中选择HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternetExplorer/ Main选项。单击“是”按钮,即可完成数值删除操作,关闭“注册表编辑器”,然后重新启动计算机。当再次使用IE浏览器浏览网页时,就会发现标题栏中的广告等信息已经…

    2023-08-30 网站建设
  • 三秋指哪三秋,清代三秋杯的价值

    所谓斗彩。是釉下的青花与釉上的五彩争奇斗艳,相得益彰,谓之“斗彩”。 所谓“三秋”。我们在明、清二朝的青花瓷上和彩瓷上往往看到有山石、秋花、秋草,其间还伴随有翩翩起舞的蝴蝶和蜜蜂的图片,如此美丽的秋天景致,可惜只有这么短暂的三个月时间,这种怀秋情结的图片称之为“三秋”。 明宪宗朱见深,是个文弱、迷信的皇帝,他在政治上没有任何的建树,但是,在他在位的成化年间(…

    2023-09-02 网站建设
  • 宋朝历代帝王顺序表(宋朝皇室族谱一览表)

    历史很有趣儿,掌握好的学习方法,事半功倍。宋朝上承五代十国,下启元朝,自太祖陈桥兵变始,重文抑武,边患不断;神宗锐意改革,奈何积重难返,有始无终;徽钦二帝更是被金人所掳,北宋宗室几近灭绝;至南宋偏安一隅“暖风熏得游人醉,直把杭州作汴州”;崖山海战,十万军民跳海殉国,使史家发出“崖山之后再无中华”的感叹。本图梳理了宋朝帝王世系传承顺序,为帮助大家了解宋朝历史,…

    2023-09-12
  • 网站模板内容怎么添加图片,如何在网站模板中添加图片

    今日,站长在线更新了mipdiy模板,在网站模板中,设置了背景图片。因为网站两边在高屏幕分辨率的显示器上面显示,两边有留白,不如显示自己设定的品牌广告。于是,想到就要做到,接下来,我来演示给大家看看,怎么在自己的网站里面添加网站背景图片,适合所有网站哦! 一、添加背景图片代码到css里面。 本站的css文件地址是/template/mipdiy/main/c…

    2023-05-05
  • 李维嘉资料简介及照片(主持人李维嘉个人资料)

    李维嘉,这个名字对于很多人来说,是一种熟悉和亲切的感觉。他是《快乐大本营》的常驻主持人之一,也是快乐家族的重要成员。他的幽默风趣,机智灵活,让无数观众喜欢他,支持他。他也是一位优秀的演员和歌手,有自己的音乐专辑。他的事业成功,他的人气高,他的粉丝多。 首先,洁癖影响了李维嘉的感情生活。李维嘉已经47岁了,还没有结婚生子。虽然他曾经被网上爆料和龙丹妮有关系,但…

    2023-09-13
  • 中国响应式网站有哪些(中国响应式网站设计中的最佳实践)

    本篇文章将在中国响应式网站设计中介绍最佳实践。响应式设计是一种现在非常受欢迎的设计方法。本文将从四个方面详细阐述这种设计方法的最佳实践,包括设计元素、流程、技术和目标用户群体。此外,本文还将引用其他人的研究和观点以支持作者的论点。 一、设计元素 响应式网站设计的最佳实践应该包括以下设计元素:布局、颜色、字体和图像。这些设计元素在网站的可视化效果中扮演着至关重…

    2023-05-01
  • 怎么屏蔽关键词,浏览器怎么屏蔽关键词

    信息流是这几年各种内容的主要呈现方式,它让越来越多的人不知不觉浪费掉了时间。在这些信息流之上,还有一些热词、热榜,也许看似让你知道了更多,但其实也让你失去了更多。这种热词、热榜还被应用在了其他地方,哪怕你主动去查找一些对你有用的信息,它们也总会出现在旁边,以抓眼的标题吸引你的点击。这个信息时代,要想更加专注,还得主动抗争,比如,屏蔽掉这些,干扰你的东西。 T…

    2023-09-07
  • ecshop 如何发货(ECShop 快速发货攻略:提高出货效率,优化物流流程)

    ECShop 是一款知名的电商网站建设程序,本文将介绍ECShop 快速发货攻略,以提高出货效率和优化物流流程为中心。通过本篇文章,读者将能够了解到如何在ECShop网站上高效发货,提升客户体验和销售业绩。 一、快速发货处理流程 发货处理流程是电商发货效率的核心所在。ECShop网站可以进行发货处理流程的自定义配置,而且可以支持多次操作,大大提升了用户使用起…

    2023-05-07