20220215152323745 image-20220215152336079 完成 image-20220215152431277 https://yiyungent.netlify.app Q&A 补充 类似免费...参考: 建站资源|免费的(Docker)容器服务 - 简书 https://railway.app/ https://www.heroku.com/ railway 支持 Docker 自制 Railway...build: docker: web: deploy/heroku/Dockerfile 本文作者: yiyun 本文链接: https://moeci.com/posts/分类-Web/免费静态托管
无意间发现以前的一个仓库,是用Github Pages搭建的静态博客,其中介绍了这个静态网页托管服务的优势,一起来看看当时的我是怎么说的。。。 Blog Lite 0.1.1 ?...好看的东西看多了就会不好看, 简单的东西永远不会难看 GitHub Pages 提供静态网站托管服务的厂商还是很多的, 上次这个博客还是在阿里云的OSS上面, 虽然oss很便宜但还是没有一种”永久使用权...的归属感, 于是我遇到了Github Pages: https://pages.github.com/ 相比其他的blog平台, GitHub Pages有以下的优点: HTTPS: 不用购买证书啦 完全免费..., repository上线1G 支持git动态更新后台, 本地同步备份 GitHub域名服务支持CDN 丰富的教程和扩展工具 这么看来GitHub Pages有3大免费: 免费仓库, 免费域名, 免费...当然了, github pages并没有提供后台的计算服务, 所以我们只能免费搭静态博客.
题图 By Clm From 花瓣网(图文不相关) 前几天有个同事分享了一个免费的静态资源托管网站http://surge.sh,非常的好用,好东西怎么能独自使用呢,今天就分享给大家,在使用之前先要全局安装一个
新的一年新的成就,经历了一星期的思考,新的作品终于完成啦,14张页面经历了多次的修改和揣摩,希望大家能够喜欢。
/mail.png" alt="" width="30"> //鼠标点击出现爱心特效 这部分特效是从一个网页搬过来的 觉得挺好看的 (function (window...background: url("44.jpg");/*设置背景图片*/ background-repeat: no-repeat; background-attachment: fixed;/*设置背景图不随网页滑动而改变
第一周:HTML写静态网页 一、HTML理论介绍及常用格式 1.HTML主体格式基本结构 主要内容 解说:整个HTML格式分为两大部分,一个是head部分,一个是body部分,其中head部分是用于书写网页样式...,而body部分用于书写网页主题 2.常用标签: 标题标记 … 段落标签 加粗 ...图片加载失败的时候,在图片原本的位置显示的提示文本 title:鼠标悬停的时候,显示的提示文本 超链接 href:链接地址 target:打开新网页的打开方式...1.拿到一个需求,第一步不是去按照自己的想法立刻去敲代码,首先应该做好规划,就以写静态网页为例,写规划的时间要远远小于你自己后期改代码的时间。 2.添加注释。
效果: 群:970353786 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...
vercel是什么神仙网站 vercel是我用过的最好用的网站托管服务。...那代表着,其不仅仅可以部署静态网站,甚至可以部署动态网站,而这些功能,统统都是免费的,简直是白嫖党的福利啊!!!!!...购买服务器也是一比不少的开支,但是购买服务器也只是简单的部署一下自己的网页演示,导致买的服务器作用也不大。...这个时候就可以考虑使用 vercel 部署,不要我们dist打包,还能免费的部署,省去一些麻烦。.../dist")) #托管到dist目录(打包) module.exports = app #导出app实例 3、项目环境 # 控制台输入 vercel login 选择GitHub 登录,回车。
正文 如果我们访问站点是通过云开发提供的默认域名,首先默认域名访问的时候是会有限行访问速度的限制,其次,默认域名并不是非常好记,所以,这篇文章我们将介绍下,如何在云开发静态托管绑定静态域名。...一般来说,SSL证书是收费的,腾讯云提供可供免费使用的SSL证书。...在腾讯云的SSL证书控制台中,点击申请免费的SSL证书: [配图] 然后,在通用名称中填写刚刚申请好的域名,并按照提示填写剩余的填写项: [配图2] 进入审核阶段,等待会,就会看到审核成功之后的界面:...[image3] 三、绑定域名和SSL证书 回到云开发静态网站托管界面,在设置一栏中,点击添加: [image4] 填写刚刚申请好的域名,选择我们在这个域名上绑定的SSL证书,点击确定添加即可。...进入腾讯云的DNS域名解析控制台,选择我们注册好的域名,点击解析: [image7] 在域名解析界面,添加在第三部我们拿到的绑定域名的CNAME值: [image8] 填好好后,访问域名就可以直接看到我们部署的静态网站了
req,res,next){ //读取views目录下的指定文件,解析并返回给客户端,第一个参数:模板名称,第二个参数:传递给模板的数据 res.render('index'); }) // 静态文件托管...="stylesheet" type="text/css" href="/main.css"> 欢迎光临我的博客 2.静态托管方式引入...在入口文件使用app.use()方法设置静态文件托管,代码和注释如下: //应用程序的启动入口文件 //加载模块 var express = require('express'); //加载express.../views'); //设置模板文件存放的目录,第一个参数必须是views,第二个参数是目录 app.set('view engine','html'); //取消模板缓存 //设置静态文件托管 //...托管规则:用户发送http请求到后端,后端解析url,找到匹配规则,执行绑定的函数,返回对应的内容,静态文件直接读取制定目录下文件返回给用户,动态文件:处理业务逻辑,加载模板,解析模板返回上数据 app.use
腾讯云 COS 提供网页端管理界面、多种语言的 SDK 以及命令行和图形化工具,并且完全兼容 S3 的 API 接口,方便用户直接使用社区工具和插件,COS 还可以和其他云产品结合,比如利用 CDN 的全球节点提供加速服务...近期发现腾讯云的COS服务竟然支持部署静态网站了,故写本文记录分享最新版COS部署静态网站过程。...COS的优势很明显,首先是不用自己部署静态网站服务器,其次是免费,这里的免费额度优惠很大,每月50G免费空间,10G CDN下行流量,每月100万次读写请求。...在上传之前,我们先编写一个静态网页的.html文件吧。...打开静态页面设置 接下来,我们要打开COS的静态页面访问功能,请选择页面菜单栏中的基础配置,拉取页面到最下方,然后找到静态网站设置。
网页简介:经过pink老师的课程学习之后,制作了一个简单的静态页面,主要是运用html和css。...整个网页的制作主要分为五个部分:在制作过程中,首先需要确定一个网页的版心(内容的中心区域),五个部分依次调用版心,使主要内容始终与版心对齐。...: 制作过程中遇到的问题以及解决方案: 在网页的编写过程中,第一个问题是对整个页面的布局不是很清晰,在写一个网页的时候中一定要先把网页的基本结构分析清楚,将每个部分的位置及内容等有个清晰的了解,最后才是代码编写...,最后只交了一个不完整的网页。...这个网页只是基于html和css的静态页面,也只是学成网网页的一部分,其中的链接等多个功能都还未能实现,我将在以后的学习中,补齐所缺的部分。
在做《牛腩新闻发布系统》的时候,建立的网页有.html的,还有.aspx,刚开始接触,还以为这些东西是一样的呢,当看ASP.NET视频的时候,听见里面讲课的老师有提到了这两样,原来是静态网页和动态网页之分...静态网页 网页里面没有程序代码,不被服务器执行,静态网页每个静态网页都有一个固定的URL,通常以.htm、.html等常见形式为后缀,网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的...,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;当客户端发出请求时,服务器找到这个静态网页,不执行任何程序就直接把网页传到客户端的浏览器,如果网站建设网站的人不进行更新,...动态网页 网页内含有程序代码,拥有后台数据库,并且会被服务器执行,通常以.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。...动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,当客户端发出请求之后,服务器会先执行程序代码
这是仿照中国高等教育学生信息网写的一个静态网页(参考2020年3月份的) 这也是我当时辛辛苦苦写了几天的劳动成果,希望大家可以尊重。 截图如下 下面是主要的代码: 网页自适应--> 中国高等教育学生信息网(学信网) 学信档案 免费查询本人学籍学历信息...一些css样式表,静态资源(图片)没有展示,如果大家有想象力的话自己可以在此基础上进行深层次的打造,结合js,打造出属于你的网站。
今日听闻 CloudFlare 的全新网页托管服务 CloudFlare Pages 正式进行开放测试,立刻进行了一番尝试。...继前人 GitHub Pages、Netlify 和后人 Vercel (Zeit) 之后,终于又出现了一个免费用户完全不限带宽的服务。...服务详情 CloudFlare Pages 向免费用户提供了无限的站点数、请求数和带宽,除此之外付费用户可以获得更多的构建次数和同时构建站点数: image.png 开放测试后,在 CloudFlare...管理面板导航栏即可找到 Pages 服务 (简体中文为 “网页”): image.png 添加站点 点击 “创建项目” 后,需要在 GitHub 账户上配置好 CloudFlare Pages 的...配置完成后,即可选择项目、添加站点: image.png CloudFlare Pages 和其他服务一样,支持大多数传统静态站点和 SPA 单页应用,但截至目前为止配置项等相对较少。
row 2, col 2 保存为test1.html;然后用浏览器打开此文件;输出如下; html是制作静态网页的基本语言...表示一个标记结束;基本标记(元素)如下, 元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据,如 定义网页编码格式为
目前,首先更新在博客中,见: https://shanyue.tech/no-vps/ ❞ 本系列的第一篇文章 如何使用免费服务搭建一个博客 (opens new window)[1],其中提到了使用...netlify 做博客托管服务,本篇文章对其做简单介绍。...netlify (opens new window)[2] 可以为你的静态资源页面进行托管服务,就是说它可以托管你的前端应用,如同 github page 一般。...选择一个仓库 构建选项 build command: 如何构建生成静态文件资源,一般会是 npm run build publish directory: 静态文件资源目录,一般会是 public/dist...13] ---- ❝Original URL: https://shanyue.tech/no-vps/deploy-fe-with-netlify.html ❞ Reference [1] 如何使用免费服务搭建一个博客
"http://news.youth.cn/sz/201812/t20181218_11817816.htm" driver.get(news_url) 2、需要明确的是,我们现在要保存的是一个完整的网页...,不是单独的html文档,还要包括JavaScript和CSS等内容,换句话说,也就是离线网页,断网之后还可以正常打开。...options.add_argument('--save-page-as-mhtml') driver = webdriver.Chrome(chrome_options=options) 3、接下来就要开始保存网页了...,通常保存一个网页我们需要进行Ctrl+A,Ctrl+S,然后Enter三步操作,这些操作我们可以通过Actionchains来做,踩坑现场发现这个selenium的键盘操作是直接发送到webdriver...webdriver.Chrome(executable_path=executable_path, chrome_options=options) driver.get(news_url) #拉动下拉滚动条,下拉800,csdn网页阅读更多按钮要在当前屏幕显示
绑定自定义域名需要提前完成备案 更多更详细配置参考官方文档:https://webify.cloudbase.net/docs/introduction/ 目前(2021年9月13日)仅支持部署静态网站...本文以介绍接入静态网站为主。 登录webify后台设置Git平台账号授权。...https://console.cloud.tencent.com/webify/set 然后在Webify 新建应用页面新建一个模板或选择导入Git平台仓库 1.png 应用名称随意,如果使用这些静态程序的话...(已经构建完成的静态网站只需要设置目录为.即可,其他都无需设置。) 2.png 然后就是等待几分钟部署完成。可以在应用列表找到该应用。...定价:Webify 费用参考:1000PV 网站预计消耗 0.21 元/天,300 元基本覆盖大部分个人站点的两年托管费用。如个别站点流量较大可额外联系申请。