整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
關注本頭條號，每天堅持更新原創干貨技術文章。
如需學習視頻，請在微信搜索公眾號“智傳網優”直接開始自助視頻學習
本文主要演示如何快速搭建一個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小時內與您取得聯系。
