整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
关注本头条号，每天坚持更新原创干货技术文章。
如需学习视频，请在微信搜索公众号“智传网优”直接开始自助视频学习
本文主要演示如何快速搭建一个https网站，并可申请权威机构颁发的tls数字证书。
最终成品：一个公网可访问的加密https网站，普通浏览器也可兼职的HTTPS证书。
实施前提：
软件工具清单：
如何快速搭建一个公网https网站，权威机构免费颁发tls数字证书
先安装epel仓库，可以理解为CentOS的扩展仓库，像nginx这类程序就放在EPEL仓库里：
yum -y install epel-release && yum -y update
再安装nginx和python2-certbot-nginx组件：
yum -y install nginx python2-certbot-nginx
systemctl enable nginx.service
firewall-cmd --add-service=http --permanent
firewall-cmd --add-service=https --permanent
firewall-cmd --reload
mv /usr/share/nginx/html/index.html /usr/share/nginx/html/index.html.bak
vi /usr/share/nginx/html/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个HTML5的网页</title>
</head>
<body>
<p>Hello HTML5</p>
</body>
</html>
新建nginx测试页面
restorecon -RvF /usr/share/nginx/
vi /etc/nginx/conf.d/blog.conf
加入以下内容：
#The www server conf_file
server {
listen 80;
listen [::]:80;
server_name blog.linuxrumen.com;
root /usr/share/nginx/html;
}
配置nginx虚拟主机
certbot --nginx
申请免费权威的tls证书
nginx -t
测试nginx配置
systemctl restart nginx.service
浏览器上输入域名，试试打开网页
使用标准浏览器打开网站
在浏览器上查看tls证书信息
免费的https证书每隔90天要更新一次，90天后执行以下命令更新证书，或者写成crontab计划任务自动更新。
certbot renew
通过本文，您应该清楚如何快速建立一个https网页了吧？本教程还教您如何申请免费的https证书呢，该证书主流的浏览器都能识别和认可。网站的文件应该安装在/usr/share/nginx/html/，比如wordpress。如果有更好的建议，请留言。
本文已同步至博客站，尊重原创，转载时请在正文中附带以下链接：
https://www.linuxrumen.com/fwqdj/1832.html
点击了解更多，快速查看更多的技术文章列表。
TML5发展如火如荼，随着各大浏览器对 HTML5 技术支持的不断完善以及HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐8款优秀的HTML5开发工具，帮助你更高效的编写 HTML5 应用。
1、Initializr
Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。
2、HTML5demos
想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。
3、HTML5 Tracker
想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。
4、HTML5 visual cheat sheet
想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。
5、Switch To HTML5
Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。
6、Cross browser HTML5 forms
HTML5 中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。
7、HTML5 Test
你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
8、Lime JS
LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。
更多内容和资讯或者问题，更多干货分享，尽在我的个人微信公众号，
微信名：非著名程序员，微信号：smart_android（←长按复制）。
微博：涩郎
tml5网站是目前非常流行，用html5技术开发的网站能实现跨平台运行，它可以轻易地接入手机浏览器、微信甚至是APP应用，灵活性非常大。目前企业建站对html5技术的需求很大，今天给大家讲讲哪些工具可以开发html5网站。
Dreamweaver
简称“DW”，程序员常说的“织梦”，利用它可以轻而易举地制作出充满动感的网页。对初级人员，可以不用写代码就能快速创建web页面，对高级人员，也有对应的成熟代码编辑工具，创作灵活性高。
Adobe Edge
Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，最大的特点就是界面友好，能替开发者省下好多编HTML和CSS的时间，也就少了代码错误的可能性。对新手来说，没有编程基础的研究一下也可以用。但缺点是Adobe Edge做出来的网站有很多冗余代码，比较适合单纯性制作动画。
WebStorm
WebStorm 为前端而生，专门为 JS 开发做了很多优化，被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。这款软件的定制功能很强大，版本更新比较快。缺点是比较占用电脑内存。
DevExtreme
专门针对Visual Studio开发者提供的一款跨平台HTML5/JS移动应用开发框架，这个框架可以帮助你直接在Microsoft Visual Studio集成开发环境，构建iOS，Android和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生组件，并且提供源代码。
Html5的开发工具还有很多，对开发者来说，以上几款工具组合应用能有很好的效果。对零基础的开发者来说，以上几段无异于看天书。其实，要开发html5网站还可以借助目前的自助建站工具，性价比较高的有建站宝盒。上千套html5网站模板，直接安装就能做网站，不涉及程序开发，完全拖拽式操作，选中模块直接添加动画效果，做出来的网站还是响应式的，大大缩短了html5网站的开发周期。
目前，一套建站宝盒展示型网站解决方案的价格才870元/年，有需要的开发html5网站的站长可以试一下，比花时间研究这些很难一下看懂的开发工具简单多了。
零基础建html5网站：http://www.iisp.com/design/?s=yuqiuping
*请认真填写需求信息，我们会在24小时内与您取得联系。
