A. 測試html代碼
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>whatsns專業級開源內容付費php問答系統</title>
<meta name="description" content="whatsns是一款全面開放源碼採用php+mysql技術研發的問答系統，產品端包括免費版，個人版，基礎版，高級版，微信版，小程序版，APP版，個人站長和企業可以選擇合適的產品端。" />
<meta name="keywords" content="whatsns,問答系統,php問答系統,語音問答系統,內容付費問答系統,採集問答系統" />
<meta name="author" content="whatsns Team" />
<meta name="right" content="www.whatsns.com" />
<link href="./dist/css/main.css" rel="stylesheet">
<link href="./dist/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<script src="./dist/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="./dist/js/bootstrap.js" type="text/javascript"></script>
<script src="./dist/js/ie.js" type="text/javascript"></script>
</head>
<body>
<nav class="navbar navbar-fixed-top navbar-has-shadow">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
<span class="sr-only">折疊</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./">
<img src="dist/images/redash-logo.svg" class="navbar-brand__img" alt="">
</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-left">
<li><a data-track="" data-track-location="header" href="./">首頁</a></li>
<li><a data-track="" data-track-location="header" href="./buy.html">產品購買</a></li>
<li><a data-track="" data-track-location="header" href="./ding.html">定製開發</a></li>
<li><a data-track="" data-track-location="header" href="./daili.html">代理招商</a></li>
<li><a data-track="" target="_blank" data-track-location="header" href="https://www.ask2.cn/kc/">開發配置視頻教程</a></li>
<li><a data-track="" target="_blank" data-track-location="header" href="https://www.ask2.cn/cat-312">開發文檔</a></li>
<li><a data-track="" target="_blank" data-track-location="header" href="https://www.ask2.cn/cat-219">配置文檔</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a data-track="" data-track-location="header" target="_blank" href="https://www.ask2.cn/">社區交流</a></li>
<li><a data-track="" data-track-location="header" track-event="Clicked Get Started" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=617035918&site=qq&menu=yes" class="btn btn-primary navbar-btn">購買咨詢</a></li>
</ul>
</div>
</div>
</nav>
<main>
<div class="jumbotron masthead">
<div class="container">
<h1>WHATSNS</h1>
<h2>極速安裝，配置簡單，功能強大，二開方便</h2>
<h2>集問答，文章，課程，採集，SEO優化，運營功能於一體的開源系統</h2>
<h2>適合網站類型：個人流量網站，企業部門交流網站，企業知識庫網站，邀請入住型網站，內容付費型網站</h2>
<p class="masthead-button-links">
<a class="btn btn-lg btnsource btn-shadow" href="https://gitee.com/huangyou/whatsns" target="_blank" role="button" >開源版V4</a>
<a class="btn btn-lg btnshangye btn-shadow" href="./buy.html" target="_blank" role="button" >商業授權</a>
</p>
<p class="qqgroup hidden-xs">
<a class="bgtouming" target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey="><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="ask2問答系統（whatsns）" title="ask2問答系統（whatsns）"></a>
<a class="bgtouming" target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey="><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="ask2問答系統官方群二" title="ask2問答系統官方群二"></a>
</p>
<p class="qqgroup hidden-md hidden-lg hidden-sm ">
<span>官方QQ群一：370431002</span><span>官方QQ群二：258722465</span>
</p>
</div>
</div>
<section class="section">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<h2 class="dtitle">為什麼選擇whatsns</h2>
<p class="huitext">1、可以滿足在垃圾虛擬主機運行流暢</p>
<p class="huitext">2、傻瓜式安裝，快速採集，快速SEO優化內容</p>
<p class="huitext">3、輕松配置對接熊掌號，火車頭採集，xunsearch,OSS</p>
<p class="huitext">4、PC和wap模板分離自由組合終端展示效果</p>
<p class="huitext">5、網站從注冊，登錄，防灌水，內容優化，內容採集挖掘，網站運營等方方面面為站長深度定製細節</p>
<p class="huitext">6、超強大的功能配置，自由開關前端功能</p>
<p class="huitext">7、深度挖掘問答，文章，課程內容付費，讓站長沒有難賺的錢</p>
<p class="huitext">8、解決內容付費終端支付問題，您可以在PC，wap和微信端，APP中動態調用不同底層支付方案解決內容付費問題<label class="label-danger">獨家</label></p>
<p class="huitext">9、支持微信語音回答，自動轉碼，任何終端可以收聽語音回答<label class="label-danger">獨家</label></p>
<p class="huitext">10、性價比超值，貨比三家，市面上沒有任何一家問答+課程的開源系統能和我們比，有的一個終端（要麼只有pc模板，要麼只有wap模板）15000多人民幣，有的只有問答模塊，一套就是20000多人民幣只包含賣系統錢，技術支持單算，選擇我們是花一份錢買多個終端可用的產品，而且功能都碾壓其他家。</p>
</div>
</div>
</section>
<section class="section bghui">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<h2 class="dtitle">使用whatsns如何實現盈利</h2>
<p class="huitext">可以通過廣告獲得收入，用戶充值現金和財富值，付費看答案，付費看文章內容，優質回答和文章被打賞，付費咨詢專家，現金懸賞和財富值懸賞問題，用戶可以付費購買課程，辦理VIP打折購買課程，擁有偷看卡免費看答案。平台可以設置分成比例，提現可收取手續費，付費看回答可分成，付費咨詢可分成，懸賞問題採納可分成。</p>
</div>
</div>
</div>
</section>
<section class="section section--small get-started">
<div class="container">
<div class="row get-started--signup text-center">
<div class="col-sm-12 p-0">
<h3 class="mb-xs">成為商業客戶，享受私人服務，一對一安裝程序，程序問題及時解決。</h3>
<a data-track="" data-track-location="get-started" data-track-event="Clicked Get Started" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=617035918&site=qq&menu=yes" class="btn btn-lg btn-primary">點擊購買咨詢</a>
<p class="qqgroup hidden-md hidden-lg hidden-sm mar-t-1">
如果不能一鍵喚起咨詢可加QQ:617035918
</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<h1 class="">合作夥伴</h1>
<p>歷經多年的技術研究，知名國企，上市公司，國內五百強企業，以及其它優秀的企業和個人站長在使用我們的系統</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<img src="./dist/images/users-list-strip.png" width="100%" class="customer-logoshow">
</div>
</section>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-4 col-md-2 col-sm-3 footer__item">
<h3 class="footer__title">網站相關</h3>
<ul class="footer__list">
<li class="footer__list-item">
<a data-track="" data-track-location="footer" href="./aboutus.html" class="footer__list-link">關於我們</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" href="ding.html" class="footer__list-link">定製開發</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" href="xuke.html" class="footer__list-link">授權說明</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.ask2.cn/c-249.html" class="footer__list-link">問題建議</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" href="./contactus.html" class="footer__list-link">聯系我們</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://gitee.com/huangyou/whatsns" class="footer__list-link">碼雲地址</a>
</li>
</ul>
</div>
<div class="col-xs-4 col-md-2 col-sm-3 footer__item">
<h3 class="footer__title">友情鏈接</h3>
<ul class="footer__list">
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.ask2.cn/" class="footer__list-link">產品社區</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="http://down.admin5.com/php/132164.html" class="footer__list-link">A5源碼</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.yuanshichang.com/" class="footer__list-link">源市場</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="http://www.itiyan.net/" class="footer__list-link">雲帆互聯</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://zixun.ask2.cn/" class="footer__list-link">產品演示</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.bt.cn/" class="footer__list-link">寶塔面板</a>
</li>
</ul>
</div>
<div class="col-xs-4 col-md-2 col-sm-3 footer__item">
<h3 class="footer__title">幫助</h3>
<ul class="footer__list">
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.ask2.cn/tag/weijingtai.html" class="footer__list-link">偽靜態配置</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.ask2.cn/q-314633.html" class="footer__list-link">水印設置</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.ask2.cn/tag/youxiangyoujianpei.html" class="footer__list-link">郵箱配置</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.ask2.cn/tags.html" class="footer__list-link">標簽管理</a>
</li>
<li class="footer__list-item">
<a data-track="" data-track-location="footer" target="_blank" href="https://www.ask2.cn/cat-219.html" class="footer__list-link">使用教程</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-lg-offset-2 col-md-5 col-md-offset-1 col-sm-3 footer__item--other text-right">
<ul class="footer__list footer__list--social">
<li class="footer__list-item">
<a href="https://gitee.com/huangyou/whatsns" target="_blank" class="footer__list-link">
<i class="fa fa-github-square" aria-hidden="true"></i>
</a>
</li>
<li class="footer__list-item">
<a href="./wechatinfo.html" class="footer__list-link">
<i class="fa fa-wechat" aria-hidden="true"></i>
</a>
</li>
</ul>
<p>
<span data-track="" data-track-location="footer" class="footer__list-link">Powered by WHATSNS V4</span>⚬
<span data-track="" data-track-location="footer" class="footer__list-link">京ICP備15032243號-3</span>
</p>
</div>
</div>
</div>
</footer>
</main>
<a href="javascript:;" id="backToTop" onclick="backToTop(10)" style="display:block;"></a>
<script src="./dist/js/common.js" type="text/javascript"></script>
<script src="./dist/js/vendors-270e81adaf.js" type="text/javascript"></script>
<script src="./dist/js/main.js" type="text/javascript"></script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol ==='https') {
bp.src ='https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src ='http://push.zhanzhang..com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>
B. 最值得推薦的開源 PHP CMS 系統有哪些
WordPress
WordPress是一種使用PHP語言開發的博客平台，用戶可以在支持PHP和MySQL資料庫的伺服器上架設屬於自己的網站。也可以把 WordPress當作一個內容管理系統（CMS）來使用。
WordPress是一款個人博客系統，並逐步演化成一款內容管理系統軟體，它是使用PHP語言和MySQL資料庫開發的。用戶可以在支持 PHP 和 MySQL資料庫的伺服器上使用自己的博客。
WordPress有許多第三方開發的免費模板，安裝方式簡單易用。不過要做一個自己的模板，則需要你有一定的專業知識。比如你至少要懂的標准通用標記語言下的一個應用HTML代碼、CSS、PHP等相關知識。
WordPress官方支持中文版，同時有愛好者開發的第三方中文語言包，如wopus中文語言包。WordPress擁有成千上萬個各式插件和不計其數的主題模板樣式。
dedecms（織夢）
織夢內容管理系統(DedeCms) 以簡單、實用、開源而聞名，是國內最知名的PHP開源網站管理系統，也是使用用戶最多的PHP類CMS系統，在經歷多年的發展，目前的版本無論在功能，還是在易用性方面，都有了長足的發展和進步，DedeCms免費版的主要目標用戶鎖定在個人站長，功能更專注於個人網站或中小型門戶的構建，當然也不乏有企業用戶和學校等在使用本系統。
phpcms
PHPCMS該軟體採用模塊化開發，支持多種分類方式，使用它可方便實現個性化網站的設計、開發與維護。它支持眾多的程序組合，可輕松實現網站平台遷移，並可廣泛滿足各種規模的網站需求，可靠性高，是一款具備文章、下載、圖片、分類信息、影視、商城、採集、財務等眾多功能的強大、易用、可擴展的優秀網站管理軟體。
PHPCMS由國內80後知名創業者鍾勝輝（網名：淡淡風）於2005年創辦，是國內知名的站長建站工具。
帝國CMS
《帝國網站管理系統》英文譯為"Empire CMS"，簡稱"Ecms"，它是基於B/S結構，且功能強大而帝國CMS-logo易用的網站管理系統。本系統由帝國開發工作組獨立開發，是一個經過完善設計的適用於Linux/windows引/Unix等環境下高效的網站解決方案。從帝國新聞系統1.0版至今天的帝國網站管理系統，它的功能進行了數次飛躍性的革新，使得網站的架設與管理變得極其輕松！