新的一年新的成就,经历了一星期的思考,新的作品终于完成啦,14张页面经历了多次的修改和揣摩,希望大家能够喜欢。
一直想要搭建自己的blog,买了基础云服务器练手 部署静态页面归纳为2点:①:项目相关的文件上传到云服务上;②:可以通过IP或者域名打开页面 一:首先需要一台腾讯云服务器,由于是blog,又是静态项目...,直接在腾讯云3折特惠活动上买了个便宜服务器,够用就行!...图1.jpg 二:安装winSCP/FileZilla,查看文件以及上传文件 我用的是winSCP,在腾讯官网下载安装就好了,输入云服务的密码,ip就可以登录---》可以在云服务登录上查看,密码忘记了也可以重置...服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。...,现在所有放在 /data/www 目录下的的静态资源都可以直接通过域名访问。
/mail.png" alt="" width="30"> //鼠标点击出现爱心特效 这部分特效是从一个网页搬过来的 觉得挺好看的 (function (window...background: url("44.jpg");/*设置背景图片*/ background-repeat: no-repeat; background-attachment: fixed;/*设置背景图不随网页滑动而改变
注:本文以国内的 COS 存储桶为例,请准备好一个已经备案了的域名,否则将无法自定义域名以及无法使用腾讯云 CDN 服务大部分个人主页,hexo和hugo等博客,以及静态化后的wordpress博客等都适用于此方法...创建腾讯云 COS 存储桶进入腾讯云对象存储控制台 https://console.cloud.tencent.com/cos ,点击存储桶列表,创建储存桶?...配置腾讯云 COS 存储桶点击基础配置 - 静态网站,将静态网站功能打开,一般来说默认即可,也可以按需配置图片我们复制上图中的访问节点进行访问,如果你存储桶选择的是公有读私有写,那么你已经能访问到你的网站内容了...添加腾讯云 CDN 服务(二选一)4.1 直接在存储桶中配置自定义 CDN 域名点击域名与传输管理 - 自定义 CDN 加速域名,添加域名图片输入域名,加速地域按需选择,源站类型选择静态网站源站,如果是私有读写存储桶的话开启回源鉴权...访问网站现在访问你的 CDN 域名,你就能访问到你的网站辣(下面这个是我自己用上面的方法搭建的静态网站)图片----腾云先锋(TDP,Tencent Cloud Developer Pioneer)是腾讯云
第一周:HTML写静态网页 一、HTML理论介绍及常用格式 1.HTML主体格式基本结构 主要内容 解说:整个HTML格式分为两大部分,一个是head部分,一个是body部分,其中head部分是用于书写网页样式...,而body部分用于书写网页主题 2.常用标签: 标题标记 … 段落标签 加粗 ...图片加载失败的时候,在图片原本的位置显示的提示文本 title:鼠标悬停的时候,显示的提示文本 超链接 href:链接地址 target:打开新网页的打开方式...1.拿到一个需求,第一步不是去按照自己的想法立刻去敲代码,首先应该做好规划,就以写静态网页为例,写规划的时间要远远小于你自己后期改代码的时间。 2.添加注释。
效果: 群:970353786 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...
绑定自定义域名需要提前完成备案 更多更详细配置参考官方文档:https://webify.cloudbase.net/docs/introduction/ 目前(2021年9月13日)仅支持部署静态网站...本文以介绍接入静态网站为主。 登录webify后台设置Git平台账号授权。...https://console.cloud.tencent.com/webify/set 然后在Webify 新建应用页面新建一个模板或选择导入Git平台仓库 1.png 应用名称随意,如果使用这些静态程序的话...(已经构建完成的静态网站只需要设置目录为.即可,其他都无需设置。) 2.png 然后就是等待几分钟部署完成。可以在应用列表找到该应用。
网页简介:经过pink老师的课程学习之后,制作了一个简单的静态页面,主要是运用html和css。...整个网页的制作主要分为五个部分:在制作过程中,首先需要确定一个网页的版心(内容的中心区域),五个部分依次调用版心,使主要内容始终与版心对齐。...: 制作过程中遇到的问题以及解决方案: 在网页的编写过程中,第一个问题是对整个页面的布局不是很清晰,在写一个网页的时候中一定要先把网页的基本结构分析清楚,将每个部分的位置及内容等有个清晰的了解,最后才是代码编写...,最后只交了一个不完整的网页。...这个网页只是基于html和css的静态页面,也只是学成网网页的一部分,其中的链接等多个功能都还未能实现,我将在以后的学习中,补齐所缺的部分。
在做《牛腩新闻发布系统》的时候,建立的网页有.html的,还有.aspx,刚开始接触,还以为这些东西是一样的呢,当看ASP.NET视频的时候,听见里面讲课的老师有提到了这两样,原来是静态网页和动态网页之分...静态网页 网页里面没有程序代码,不被服务器执行,静态网页每个静态网页都有一个固定的URL,通常以.htm、.html等常见形式为后缀,网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的...,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;当客户端发出请求时,服务器找到这个静态网页,不执行任何程序就直接把网页传到客户端的浏览器,如果网站建设网站的人不进行更新,...动态网页 网页内含有程序代码,拥有后台数据库,并且会被服务器执行,通常以.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。...动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,当客户端发出请求之后,服务器会先执行程序代码
这是仿照中国高等教育学生信息网写的一个静态网页(参考2020年3月份的) 这也是我当时辛辛苦苦写了几天的劳动成果,希望大家可以尊重。 截图如下 下面是主要的代码: 中国高等教育学生信息网(学信网) <!...一些css样式表,静态资源(图片)没有展示,如果大家有想象力的话自己可以在此基础上进行深层次的打造,结合js,打造出属于你的网站。
简单介绍一下: 云开发:开发者可以使用云开发(CloudBase)来直接开发网站应用,包括普通的 PC 网页或者公众号中的网页等(俗称 H5),在开发过程中即便需要后台服务也无需搭建服务器,可以直接使用云开发提供的云端能力...VuePress:VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue...# 构建静态文件 vuepress build ....部署 在部署之前你需要先注册腾讯云账号,到云开发控制台,创建环境、选择按量付费、网站托管、开启静态网站服务,如果用过小程序云开发,可以使用小程序账号快速登入。...dist -e envId 4.查看静态网站域名和状态 cloudbase hosting:detail -e envId 5.在浏览器打开静态网站域名,就可以看到 云开发部署的 VuePress 网站了
之前发布的文章:腾讯云免费静态网站托管,还有9.9元/年服务赞助计划!...申请地址:https://url.cn/59FNl75 操作场景 本文档介绍通过腾讯云静态网站托管服务搭建一个 VuePress 网站,并使用云开发 CLI 工具管理部署 VuePress 网站。...打开腾讯云控制台,在产品中找到云开发 开通云开发环境 打开腾讯云 云开发控制台,单击【新建环境】,新建一个环境进行部署。 ? 选择新建一个环境,填写环境名称并选择按量计费,开通环境。...步骤4:使用 CLI 部署 VuePress 初始化云开发 CLI 完成了云开发环境的配置后,我们需要初始化一下云开发 CLI ,从而实现借助 CLI 工具来上传页面(您也可以通过网页端直接上传,但如果您博客的文章比较多...步骤5:浏览 VuePress 打开腾讯云 云开发控制台,单击左侧菜单栏中的【静态网站托管】>【设置】,进入设置页面,可以找到默认的域名,单击域名,就可以看到您刚部署的 VuePress。 ?
之前发布的文章:腾讯云免费静态网站托管,还有9.9元/年服务赞助计划!...云开发静态网站托管支持通过云开发SDK调用服务端资源如:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站 无论是腾讯云·云开发用户,还是小程序·云开发用户,只要开通按量付费,即可享有云开发静态网站托管服务...打开腾讯云 云开发控制台,单击【新建环境】,填写环境名称并选择按量计费,开通环境。...云开发环境创建完成后,单击左侧菜单栏中的【静态网站托管】,单击【选择已有按量计费环境】 ? 当您看到这样的界面时,就说明已经开通好了。 ?...打开腾讯云 云开发控制台,单击左侧菜单栏中的【静态网站托管】>【设置】,进入设置页面,可以找到默认的域名,单击域名,就可以看到您刚部署的 Hexo。 ?
笔者将自己的网站从阿里云迁到腾讯云时,发现腾讯云现有的教程与实际情况有些差异,所以特地记录一份完整的迁移笔记。...云开发静态网站托管支持通过云开发SDK调用服务端资源如:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站。...无论是腾讯云·云开发用户,还是小程序·云开发用户,只要开通按量付费,即可享有云开发静态网站托管服务。...编译静态页面文件 hugo -D 生成好的静态页面文件会放在项目的public目录中,目录结构如下: [image.png] 静态托管部署 创建云环境 我们进入腾讯云的云开发(cloudbase)控制台...] 总结 本文通过详细的步骤分享了如何通过腾讯云托管静态网站的操作指南。
"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网页阅读更多按钮要在当前屏幕显示
row 2, col 2 保存为test1.html;然后用浏览器打开此文件;输出如下; html是制作静态网页的基本语言...表示一个标记结束;基本标记(元素)如下, 元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据,如 定义网页编码格式为
接下来,将以一个 WordPress 个人博客网站的搭建为例,来说明如何在静态网站中搭配使用 CVM+COS+CDN ,实现业务的快速迁移上云。...如果想在自己的WordPress网站中使用COS存储静态资源,只需完成注册、实名认证,并进行简单的控制台配置,然后在WordPress的控制台集成腾讯云COS插件,正确配置参数,即可实现静态资源的增量上云...配置完成,让我们来看看在WordPress中,是否可以正常使用腾讯云COS。 在WordPress的媒体库中添加一张图片腾讯云.jpg。...腾讯云内容分发网络CDN,相当于网络中的高速公路,可以对各类静态数据进行缓存,从而加速内容分发,减少下行流量消耗。...这样,WordPress网站中原有的静态资源就通过CDN,逐步的迁移上云了。 《CDN使用新手入门》详细介绍了开通和认证、配置基本信息、修改别名记录等。
之前发布的文章:腾讯云免费静态网站托管,还有9.9元/年服务赞助计划!...申请地址:https://url.cn/59FNl75 操作场景 本文档介绍通过腾讯云静态网站托管服务搭建一个 Hexo 网站,并使用云开发 CLI 工具管理部署 Hexo 网站。...开通云开发环境 打开腾讯云 云开发控制台,单击【新建环境】,新建一个环境进行部署。 ? 选择新建一个环境,填写环境名称并选择按量计费,开通环境。 ?...步骤4:使用 CLI 部署 Hexo 初始化云开发 CLI 完成了云开发环境的配置后,我们需要初始化一下云开发 CLI ,从而实现借助 CLI 工具来上传页面(您也可以通过网页端直接上传,但如果您博客的文章比较多...步骤5:浏览 Hexo 打开腾讯云 云开发控制台,单击左侧菜单栏中的【静态网站托管】>【设置】,进入设置页面,可以找到默认的域名,单击域名,就可以看到您刚部署的 Hexo。 ?
家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法,如盒子的嵌套、浮动、margin、border、background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大学学习的前端知识点和布局方式都有运用...一、网页介绍 1 网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用...2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html...一、网页效果 图片 图片 图片 图片 图片 二、代码展示 1.HTML结构代码 代码如下(示例):以下仅展示部分代码供参考~ <!...【获取方式】 gitee码云源码仓库-欢迎Star: https://gitee.com/zhanyuqiu2022/my-app
今天在给 onepoint 更换 js 库的 cdn 时突然想起来,腾讯云每个月还送我 10g 的 cdn 流量包。博客里面有时候会包含很多图片,正好可以把这闲置的资源用上了。...静态资源加速是把静态资源放到一个单独的网站里面,然后主站使用该资源站的资源,二者相互分离,互不影响。 我个人只是想要加速访问这些图片时的速度,所以我选择了更具灵活性的静态资源加速。...由于搭建的是静态站,所以也就不需要执行 php 了。 设置伪静态 搭建好网站后,我们就可以设置伪静态了。...为什么要设置伪静态呢? 通常伪静态只在动态网站中出现,但是我甚至不想让用户通过静态站访问我的 php 文件,即使是静态 php 文本文件也不行。所以就配置了伪静态。...首先需要在腾讯控制台开通 cdn 服务。新用户可连续 6 个月领取每月 50GB 的免费流量包,老用户每月免费 10GB 流量包。
领取专属 10元无门槛券
手把手带您无忧上云