【玩转Lighthouse】手把手教你轻量服务器Windows系统IIS下自动申请、续签SSL证书

{“type”:”doc”,”content”:[{“type”:”heading”,”attrs”:{“id”:”af648994-0882-45f4-b408-f60ba71d649b”,”textalign”:”inherit”,”indent”:0,”level”:1,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”前言:”}]},{“type”:”paragraph”,”attrs”:{“id”:”07931d64-52aa-4c06-82ab-872729770ba1″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”轻量应用服务器(tencent cloud lighthouse)是新一代开箱即用、面向轻量应用场景的云服务器产品,特别适合中小企业和开发者。”}]},{“type”:”paragraph”,”attrs”:{“id”:”48833549-f41b-48af-a0d0-0ca24461da21″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”现在无论是网站建设还是小程序开发等都需要https,ssl证书有都过期的限制,商业证书一般一年,免费证书一般是90天,如果没有及时续期ssl证书,那么将会影响线上程序正常运行。”}]},{“type”:”paragraph”,”attrs”:{“id”:”c08e5381-0243-4c7d-bc74-70d174717ec2″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”在linux下面,有宝塔、1panel等工具,在部署网站的时候,可以自动申请和续签let’s encrypt的ssl证书。”}]},{“type”:”paragraph”,”attrs”:{“id”:”a62e8ce4-f2da-4010-96da-a5455c2cca72″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”而由于本人是.net的开发者,虽然在linux下面部署应用也方便,但由于目前大部分应用还是在windows服务器上部署,所以,也需要找到一种可以在windows下自动申请、续签ssl证书的办法。”}]},{“type”:”paragraph”,”attrs”:{“id”:”b0c83bb5-bb2c-4d6e-819c-864a76cd72e3″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”经过研究,win-acme,这款工具非常适合,可以做到自动申请,并安装配置到iis。并简单的添加一个任务即可自动续签,非常推荐大家使用。”}]},{“type”:”heading”,”attrs”:{“id”:”cb7f73c9-92d0-4f72-8f85-b017bccf113a”,”textalign”:”inherit”,”indent”:0,”level”:1,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”一、win-acme 项目地址和下载”}]},{“type”:”paragraph”,”attrs”:{“id”:”b78e23eb-e25a-4c74-af05-e2a9030cd58c”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”marks”:[{“type”:”link”,”attrs”:{“href”:”https://github.com/win-acme/win-acme”,”target”:”_blank”,”rel”:”noopener noreferrer nofollow”,”class”:null}}],”text”:”https://github.com/win-acme/win-acme”}]},{“type”:”paragraph”,”attrs”:{“id”:”7bbe475f-b170-47d7-9d9b-458386369add”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”截至本稿,最新版是 2.2.9.1,我们到这下载页面,”},{“type”:”text”,”marks”:[{“type”:”link”,”attrs”:{“href”:”https://github.com/win-acme/win-acme/releases”,”target”:”_blank”,”rel”:”noopener noreferrer nofollow”,”class”:null}}],”text”:”https://github.com/win-acme/win-acme/releases”},{“type”:”text”,”text”:” ,推荐下载 win-acme.v2.2.9.1701.x64.pluggable.zip 这个版本。自带运行时,不需要安装.net 运行时。”}]},{“type”:”image”,”attrs”:{“id”:”b031a10c-6862-4c97-b84f-27f371a5d54a”,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/9aff73b4a9c7804f58f2284fd73680d2.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:1044,”aspectratio”:”2.473934″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”heading”,”attrs”:{“id”:”0edabd37-7ad7-43aa-b48e-57552700a21c”,”textalign”:”inherit”,”indent”:0,”level”:1,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”二、申请证书和部署证书”}]},{“type”:”paragraph”,”attrs”:{“id”:”eff8daef-e3d4-4877-951c-94b748bcd0b8″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”将下载软件解压到轻量服务器一个位置,例如我解压到这个位置:”}]},{“type”:”image”,”attrs”:{“id”:”20015dbb-98a7-40e2-aff5-2899a2995ae1″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/8e379f83afcaafd11bab2cb3062a9abb.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:648,”aspectratio”:”1.596059″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”6cf094b6-36db-44c0-9e12-1afc6a2a30af”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”双击打开 “},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”wacs.exe”}]},{“type”:”image”,”attrs”:{“id”:”7b0e9a87-bd9c-415e-aecf-cefa33d31f2a”,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/94e85ec04256a87a369d7615fc116f9f.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:977,”aspectratio”:”1.915686″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”f580a6e1-19e8-40a9-af6c-317b5ee4d56d”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”选择”},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”n”},{“type”:”text”,”text”:”。使用默认设置进行申请证书,这时候他会自动识别并列出iis的所有站点,这里我只有一个站点绑定域名,就显示如下:”}]},{“type”:”image”,”attrs”:{“id”:”e10c75a8-0968-49b9-b048-acafeb4afcf1″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/8bfd25a761d29ebac802a0e95eb267db.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:1100,”aspectratio”:”2.705882″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”0006dd2e-7de4-4a78-b4c0-434bc2d3cfd7″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false}},{“type”:”image”,”attrs”:{“id”:”72aefcb3-0092-4588-9b41-517b3b5cf102″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/c9c2d06eb12d52717d4a3e3d174fa3d2.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:978,”aspectratio”:”1.906433″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”5d8beeae-913f-4dd2-8b92-8fcee1107dbb”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”跟着选2这个站点。注意,这里是需要有绑定域名的iis站点,没有绑定域名的,他不会列出来。”}]},{“type”:”image”,”attrs”:{“id”:”d9e7c230-b633-4bed-ae43-bbf961887c09″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/cd30a34c464f2beda439fb07c635ced8.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:980,”aspectratio”:”1.910331″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”53db90e6-2224-42d3-8b05-ec598b9eacf6″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”接下来,就会提示你是哪个站点,然后就是查看协议和同意协议。然后让你输入邮箱。最后他就自动去验证、下载证书和部署,这个过程全自动。”}]},{“type”:”image”,”attrs”:{“id”:”944c7472-efc3-479b-a49e-c9dfb6ec2729″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/722c668bba83286c26e09a7c0bc17899.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:974,”aspectratio”:”1.909804″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”1f2ddba6-a7f2-44e0-a94b-af399c02e545″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”这样就自动帮你部署好了。也有证书过期时间,我们可以回到iis刷新一下站点,就可以看到他已经自动帮你加上证书了:”}]},{“type”:”image”,”attrs”:{“id”:”1c59dadf-0feb-4842-adfa-88ce29f0a82d”,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/5503601153aba9022a90dddf0ff7f7cc.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:1100,”aspectratio”:”1.901333″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”heading”,”attrs”:{“id”:”7d7e935c-1c7f-4416-9513-92f6fa9aae22″,”textalign”:”inherit”,”indent”:0,”level”:1,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”三、自动续签”}]},{“type”:”paragraph”,”attrs”:{“id”:”62fdb93b-bb56-4887-9445-7d0e6d637765″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”如果iis上有多个站点,或者一个站点绑定多个域名,可以按照以上步骤进行申请并绑定。当我们把所有需要的站点都申请好ssl证书后,我们可以进行添加一个定时任务,让程序自动更新证书。”}]},{“type”:”paragraph”,”attrs”:{“id”:”0565b34b-7f97-4946-b5c1-45f2fb863364″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”这里我们使用一个脚本来做定时任务,这样有个好处,就是可以测试能不能正常的运行”}]},{“type”:”heading”,”attrs”:{“id”:”10de49ce-9dc0-40a2-9979-b106423b5cf9″,”textalign”:”inherit”,”indent”:0,”level”:2,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”3.1、创建一个”},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”renew_cert.bat”},{“type”:”text”,”text”:” 文件,内如如下,程序路径,请根据实际情况填写。”}]},{“type”:”codeblock”,”attrs”:{“id”:”92107531-4e72-4bb6-8fa7-cf98d43bc61c”,”language”:”javascript”,”theme”:”atom-one-dark”,”runtimes”:0,”ishoverdraghandle”:false,”key”:”fiugv”,”languagebyai”:”javascript”},”content”:[{“type”:”text”,”text”:”chcp 65001@echo offem =============================================em 自动续签 win-acme https 证书脚本em =============================================rem 设置当前路径cd /d c:softwin-acmeem 执行自动更新命令(静默模式)wacs.exe –renewem =============================================echo [%date% %time%] 证书自动更新任务已执行完毕。”}]},{“type”:”image”,”attrs”:{“id”:”c9470691-c7ec-42e7-ab29-8084237e5bf4″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/4bead97798e58e74d40d456175a2c71b.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:1100,”aspectratio”:”1.754277″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”heading”,”attrs”:{“id”:”a568e1b7-d830-4769-b509-2face1a57ff5″,”textalign”:”inherit”,”indent”:0,”level”:2,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”3.2、测试脚本是否正常”}]},{“type”:”paragraph”,”attrs”:{“id”:”8511c2ac-e177-458b-9985-75e0ebdf8603″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”然后我们先用cmd运行一下:”}]},{“type”:”image”,”attrs”:{“id”:”4da8f6ae-d8ad-42bb-a130-d37e3faa1fa0″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/147e7bc2106428e037750951fc3301c9.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:981,”aspectratio”:”1.923529″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”31317a3c-49f4-47af-86f4-768ef287e8ff”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”可以看到自动运行成功,那就说明这个脚本文件可以用。”}]},{“type”:”heading”,”attrs”:{“id”:”67f1651a-68c1-4953-a36a-30532a5bf32d”,”textalign”:”inherit”,”indent”:0,”level”:2,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”3.3、添加定时任务自动执行”}]},{“type”:”paragraph”,”attrs”:{“id”:”b06f1694-67bd-401c-8056-92caa0ad644e”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”按 “},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”win + r”},{“type”:”text”,”text”:” 键打开“运行”对话框,然后输入 “},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”taskschd.msc”},{“type”:”text”,”text”:” 并按回车键,这将打开“任务计划程序”窗口。”}]},{“type”:”image”,”attrs”:{“id”:”39d499e1-91a4-4456-ba07-e46b1478ac34″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/af45b6fcdf640e08dce802433b76d935.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:1100,”aspectratio”:”1.728863″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”7e9f7294-a389-45ae-a2b6-195d4f684ab3″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”点击”},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”创建任务”},{“type”:”text”,”text”:” ,添加一个任务,名称输入,勾选 “},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”不管用户是否登录都要运行”},{“type”:”text”,”text”:”,”},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”使用最高权限运行”},{“type”:”text”,”text”:” 。”}]},{“type”:”image”,”attrs”:{“id”:”88d25209-6291-482f-a48b-299cdac315ea”,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/cbf49727b4aa1feb6853a85f943bf0e1.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:633,”aspectratio”:”1.161468″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”e0178510-16d6-4e64-b0ec-a665dce7e20e”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”切换到触发器,新建触发器:”}]},{“type”:”image”,”attrs”:{“id”:”c9e55e01-f4a2-4537-b123-dd4086a4f5ac”,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/1cedf869326df82a75ff0d5575a00320.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:590,”aspectratio”:”1.128107″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”15f6029a-27a8-44b5-8c6d-e92007c1fc14″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”这里我选择每天都执行,选择一个系统比较空闲的时间,半夜三更最适合干这种事。”}]},{“type”:”paragraph”,”attrs”:{“id”:”e9b953c0-26b0-4657-99e5-3022664c2ed3″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”切换到”},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”操作”},{“type”:”text”,”text”:”,”},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”新建操作”},{“type”:”text”,”text”:”,选择启动程序,浏览选择该脚本”}]},{“type”:”image”,”attrs”:{“id”:”6a484d8a-9403-4e4e-9294-568e04835da9″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/9e967ce2d3684cc0b3cb89644cab26ef.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:632,”aspectratio”:”1.174721″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”image”,”attrs”:{“id”:”1f5a80c1-7edb-46eb-9be2-07546d10c270″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/048e30f07e104d2b55be25afabd4f8dc.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:461,”aspectratio”:”0.907480″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”ff64a566-3abe-4683-82b5-3798c63fbff5″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”最后确定后,就可以看到新建定时任务成功:”}]},{“type”:”image”,”attrs”:{“id”:”3ba53852-78ad-4cc9-a71c-adf239a8dff3″,”src”:”https://developer.qcloudimg.com/http-save/audit-1261681/888f1ff9383d07ed0ecf21c3fa872b4a.png”,”extension”:”png”,”align”:”center”,”alt”:””,”showalt”:false,”href”:””,”boxshadow”:””,”width”:1100,”aspectratio”:”1.730713″,”status”:”success”,”showtext”:true,”ispercentage”:false,”percentage”:0,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”a8011463-1da9-40f4-b4c9-16e4c1a58f20″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”至此。也就完成ssl证书的申请并自动续签。”}]},{“type”:”heading”,”attrs”:{“id”:”b48dae9b-d5fa-4c23-a7b0-985b81a385d0″,”textalign”:”inherit”,”indent”:0,”level”:1,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”总结:”}]},{“type”:”paragraph”,”attrs”:{“id”:”514914ca-c79d-46eb-a1b5-115b722a91dc”,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”使用 “},{“type”:”text”,”marks”:[{“type”:”code”}],”text”:”win-acme”},{“type”:”text”,”text”:” 对windows server的站点进行自动申请和使用自动任务进行续签,可以极大方便windows用户。而且这个过程也几乎都是通过ui交互界面进行配置,对用户的操作要求不高。”}]},{“type”:”paragraph”,”attrs”:{“id”:”f3042847-996a-4236-881f-96620fd43134″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false},”content”:[{“type”:”text”,”text”:”这就对使用windows的轻量用户来说,可以简单方便的使用iis进行站点部署,也省去三个月需要重新申请并部署证书的繁琐操作。”}]},{“type”:”paragraph”,”attrs”:{“id”:”87689ff4-f93b-400c-a808-35bfb71a99c3″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false}},{“type”:”paragraph”,”attrs”:{“id”:”c3f237fd-8cc6-45e2-b249-4913068a2b14″,”textalign”:”inherit”,”indent”:0,”color”:null,”background”:null,”ishoverdraghandle”:false}}]}

博思AIPPT 博思AIPPT

博思AIPPT来了,海量PPT模板任选,零基础也能快速用AI制作PPT。

博思AIPPT 117 查看详情 博思AIPPT

以上就是【玩转Lighthouse】手把手教你轻量服务器Windows系统IIS下自动申请、续签SSL证书的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/985575.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月1日 21:19:03
下一篇 2025年12月1日 21:24:35

相关推荐

  • CSS元素设置em和transition后,为何载入页面无放大效果?

    css元素设置em和transition后,为何载入无放大效果 很多开发者在设置了em和transition后,却发现元素载入页面时无放大效果。本文将解答这一问题。 原问题:在视频演示中,将元素设置如下,载入页面会有放大效果。然而,在个人尝试中,并未出现该效果。这是由于macos和windows系统…

    2025年12月24日
    200
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 如何用HTML/JS实现Windows 10设置界面鼠标移动探照灯效果?

    Win10设置界面中的鼠标移动探照灯效果实现指南 想要在前端开发中实现类似于Windows 10设置界面的鼠标移动探照灯效果,有两种解决方案:CSS 和 HTML/JS 组合。 CSS 实现 不幸的是,仅使用CSS无法完全实现该效果。 立即学习“前端免费学习笔记(深入)”; HTML/JS 实现 要…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 如何用前端技术实现Windows 10 设置界面鼠标移动时的探照灯效果?

    探索在前端中实现 Windows 10 设置界面鼠标移动时的探照灯效果 在前端开发中,鼠标悬停在元素上时需要呈现类似于 Windows 10 设置界面所展示的探照灯效果,这其中涉及到了元素外围显示光圈效果的技术实现。 CSS 实现 虽然 CSS 无法直接实现探照灯效果,但可以通过以下技巧营造出类似效…

    2025年12月24日
    000
  • HTML、CSS 和 JavaScript 中的简单侧边栏菜单

    构建一个简单的侧边栏菜单是一个很好的主意,它可以为您的网站添加有价值的功能和令人惊叹的外观。 侧边栏菜单对于客户找到不同项目的方式很有用,而不会让他们觉得自己有太多选择,从而创造了简单性和秩序。 今天,我将分享一个简单的 HTML、CSS 和 JavaScript 源代码来创建一个简单的侧边栏菜单。…

    2025年12月24日
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    000
  • 带有 HTML、CSS 和 JavaScript 工具提示的响应式侧边导航栏

    响应式侧边导航栏不仅有助于改善网站的导航,还可以解决整齐放置链接的问题,从而增强用户体验。通过使用工具提示,可以让用户了解每个链接的功能,包括设计紧凑的情况。 在本教程中,我将解释使用 html、css、javascript 创建带有工具提示的响应式侧栏导航的完整代码。 对于那些一直想要一个干净、简…

    2025年12月24日
    000
  • 布局 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在这里查看视觉效果: 固定导航 – 布局 – codesandbox两列 – 布局 – codesandbox三列 – 布局 – codesandbox圣杯 &#8…

    2025年12月24日
    000
  • 隐藏元素 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看隐藏元素的视觉效果 – codesandbox 隐藏元素 hiding elements hiding elements hiding elements hiding elements hiding element…

    2025年12月24日
    400
  • 居中 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看垂直中心 – codesandbox 和水平中心的视觉效果。 通过 css 居中 垂直居中 centering centering centering centering centering centering立即…

    2025年12月24日 好文分享
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 如何在移动端实现子 div 在父 div 内任意滑动查看?

    如何在移动端中实现让子 div 在父 div 内任意滑动查看 在移动端开发中,有时我们需要让子 div 在父 div 内任意滑动查看。然而,使用滚动条无法实现负值移动,因此需要采用其他方法。 解决方案: 使用绝对布局(absolute)或相对布局(relative):将子 div 设置为绝对或相对定…

    2025年12月24日
    000
  • 移动端嵌套 DIV 中子 DIV 如何水平滑动?

    移动端嵌套 DIV 中子 DIV 滑动 在移动端开发中,遇到这样的问题:当子 DIV 的高度小于父 DIV 时,无法在父 DIV 中水平滚动子 DIV。 无限画布 要实现子 DIV 在父 DIV 中任意滑动,需要创建一个无限画布。使用滚动无法达到负值,因此需要使用其他方法。 相对定位 一种方法是将子…

    2025年12月24日
    000
  • 移动端项目中,如何消除rem字体大小计算带来的CSS扭曲?

    移动端项目中消除rem字体大小计算带来的css扭曲 在移动端项目中,使用rem计算根节点字体大小可以实现自适应布局。但是,此方法可能会导致页面打开时出现css扭曲,这是因为页面内容在根节点字体大小赋值后重新渲染造成的。 解决方案: 要避免这种情况,将计算根节点字体大小的js脚本移动到页面的最前面,即…

    2025年12月24日
    000
  • Nuxt 移动端项目中 rem 计算导致 CSS 变形,如何解决?

    Nuxt 移动端项目中解决 rem 计算导致 CSS 变形 在 Nuxt 移动端项目中使用 rem 计算根节点字体大小时,可能会遇到一个问题:页面内容在字体大小发生变化时会重绘,导致 CSS 变形。 解决方案: 可将计算根节点字体大小的 JS 代码块置于页面最前端的 标签内,确保在其他资源加载之前执…

    2025年12月24日
    200
  • Nuxt 移动端项目使用 rem 计算字体大小导致页面变形,如何解决?

    rem 计算导致移动端页面变形的解决方法 在 nuxt 移动端项目中使用 rem 计算根节点字体大小时,页面会发生内容重绘,导致页面打开时出现样式变形。如何避免这种现象? 解决方案: 移动根节点字体大小计算代码到页面顶部,即 head 中。 原理: flexível.js 也遇到了类似问题,它的解决…

    2025年12月24日
    000
  • 形状 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看 codesandbox 的视觉效果。 通过css绘制各种形状 如何在 css 中绘制正方形、梯形、三角形、异形三角形、扇形、圆形、半圆、固定宽高比、0.5px 线? shapes 0.5px line .square { w…

    2025年12月24日
    000
  • 有哪些美观的开源数字大屏驾驶舱框架?

    开源数字大屏驾驶舱框架推荐 问题:有哪些美观的开源数字大屏驾驶舱框架? 答案: 资源包 [弗若恩智能大屏驾驶舱开发资源包](https://www.fanruan.com/resource/152) 软件 [弗若恩报表 – 数字大屏可视化组件](https://www.fanruan.c…

    2025年12月24日
    000
  • 网站底部如何实现飘彩带效果?

    网站底部飘彩带效果的 js 库实现 许多网站都会在特殊节日或活动中添加一些趣味性的视觉效果,例如点击按钮后散发的五彩缤纷的彩带。对于一个特定的网站来说,其飘彩带效果的实现方式可能有以下几个方面: 以 https://dub.sh/ 网站为例,它底部按钮点击后的彩带效果是由 javascript 库实…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信