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版至今天的帝国网站管理系统，它的功能进行了数次飞跃性的革新，使得网站的架设与管理变得极其轻松！