自己不会代码也能建一个可以做围棋习题的网站对比评测

你是不是也遇到过这种情况：想做个可以做围棋习题的网站，但又不会写代码，不知道从哪下手？建站这事儿，很多人觉得是程序员的事儿，其实不然。今天我就用一个真实项目的经历，带你一步步看懂怎么不用代码也能建一个可以做围棋习题的网站，同时告诉你哪些地方容易踩坑，怎么选平台、怎么避坑，还能让你的网站在百度上排名靠前。

项目背景与需求

这个项目来自一个做围棋培训的机构，他们希望为学员提供一个在线练习平台，类似于“围棋练习册”一样的网站。他们对功能要求主要有以下几个：

题目展示：用户能够查看不同难度等级的围棋习题，支持图片、文字、选择题、填空题等形式；
答案校验：用户提交答案后，系统能自动判断正误；
进度记录：每个用户可以查看自己的练习历史和正确率；
排行榜：每周更新用户练习成绩排名，增加用户粘性；
多终端适配：网站必须响应式设计，支持手机、平板、电脑访问；
后台管理：管理员能够添加、修改、删除题目，查看用户数据。

这个需求看起来不复杂，但对非技术人员来说，从零开始搭建这样一个网站，确实难度不小。他们最初考虑自己找程序员，但预算有限，且对技术细节不了解，担心被“割韭菜”。后来他们选择了“建站平台 + 自定义开发”的混合方式，既节省了成本，又保证了功能的完整性。

技术选型

在开始技术选型前，我们需要明确一点：你不会代码，不代表不能用代码。 现在市面上有很多建站工具，比如WordPress、Wix、Squarespace、Shopify等，都可以用来搭建一个可以做围棋习题的网站，但它们的适用场景和功能深度是不一样的。

1. 建站平台对比评测

平台名称	是否支持自定义开发	功能丰富度	响应式设计	SEO友好度	适合人群
WordPress	✅	⭐⭐⭐⭐⭐	✅	⭐⭐⭐⭐	技术能力中等
Wix	✅（部分）	⭐⭐⭐	✅	⭐⭐	非技术人员
Squarespace	⭐	⭐⭐⭐	✅	⭐⭐	美工优先
Shopify	⭐	⭐⭐	✅	⭐⭐	电商类

从上面的对比表可以看出，WordPress 是最适合本项目的平台。它有大量插件支持，可以实现题目管理、用户系统、排行榜等功能，同时也支持PHP语言，可以定制开发，甚至可以对接第三方工具（如百度统计、百度搜索资源平台）。

2. 后端技术选型

如果你选择WordPress，那么你不需要从零开始写代码。不过，对于部分定制功能，比如“自动判断答案”、“排行榜”等，你需要用到PHP和MySQL，甚至可能用到WordPress插件如“Advanced Custom Fields”、“WP Quiz”或“Quiz And Survey Master”等。

如果你是完全“零基础”，推荐选择已经封装好的插件，例如：

Quiz And Survey Master：支持多题型，支持自动评分；
Advanced Custom Fields（ACF）：用于自定义题目字段；
WP User Frontend：用于用户提交答案、查看记录；
WP All Export：用于导出用户数据、统计练习情况。

核心实现（配代码片段）

在实际开发中，我们使用了WordPress + Quiz And Survey Master + ACF + 自定义PHP代码的方式，完成了“可以做围棋习题的网站”的搭建。

1. 插件安装与配置

我们首先在WordPress后台安装并激活以下插件：

Quiz And Survey Master：用于创建题目、设置答案、判断对错；
Advanced Custom Fields：用于在后台自定义题目字段，如“题目描述”、“答案”、“正确选项”等；
WP User Frontend：用于让用户提交答案、查看自己的练习记录。

2. 使用ACF创建题目字段

在ACF中，我们创建了一个名为“围棋题目”的字段组，其中包括：

题干（文本）
答案选项（多选，支持A/B/C/D）
正确答案（单选）
题目难度（选择：初级、中级、高级）

这些字段会自动出现在WordPress后台的“题目”文章中，供管理员添加和修改题目。

3. 自定义PHP代码判断答案

在某些情况下，Quiz And Survey Master插件无法完全满足我们的需求，比如我们要根据用户选择的答案自动判断是否正确，并记录在用户记录中。这时候，我们需要写一段自定义的PHP代码，添加到functions.php文件中：

function check_answer() {if (isset($_POST['question_id']) && isset($_POST['user_answer'])) {$question_id = intval($_POST['question_id']);$user_answer = sanitize_text_field($_POST['user_answer']);// 从数据库中获取该题的正确答案$question = get_post($question_id);$correct_answer = get_field('correct_answer', $question_id);// 判断答案是否正确if ($user_answer == $correct_answer) {$result = '正确';} else {$result = '错误';}// 记录用户答案$user_id = get_current_user_id();update_user_meta($user_id, 'question_'.$question_id, $result);// 返回结果echo json_encode(array('result' => $result));}die();
}add_action('wp_ajax_check_answer', 'check_answer');
add_action('wp_ajax_nopriv_check_answer', 'check_answer');

这段代码实现了以下功能：

接收用户提交的答案和题目ID；
从数据库中获取该题的正确答案；
判断用户答案是否正确；
将结果记录在用户的个人资料中。

4. 使用JavaScript前端交互

为了增强用户体验，我们用了一段简单的JavaScript代码，在用户提交答案后，动态显示“正确”或“错误”的提示：

document.getElementById('submit-answer').addEventListener('click', function() {var questionId = document.getElementById('question-id').value;var userAnswer = document.getElementById('user-answer').value;fetch('/wp-admin/admin-ajax.php', {method: 'POST',headers: {'Content-Type': 'application/x-www-form-urlencoded'},body: 'action=check_answer&question_id=' + questionId + '&user_answer=' + userAnswer}).then(response => response.json()).then(data => {document.getElementById('result').innerText = data.result;});
});

上线与优化

网站搭建完成后，我们需要进行上线和优化，确保网站稳定、安全、符合搜索引擎优化（SEO）标准。

1. 域名与服务器选择

我们选择了阿里云作为服务器提供商，因为其在国内的稳定性、速度和价格都比较有优势。同时，我们注册了一个与“围棋”相关的域名，比如“gobang-exercise.com”，以增强品牌识别度。

2. SSL证书与ICP备案

上线前，我们为网站申请了SSL证书，以提升用户信任度和搜索引擎排名。此外，按照中国的相关规定，网站必须完成ICP备案，否则无法正常访问。我们通过阿里云提交了备案申请，并在10个工作日内完成。

3. SEO优化技巧

我们使用了百度搜索资源平台来管理网站的SEO，具体操作如下：

提交网站sitemap，让百度更好地抓取网站内容；
设置网站标题、描述和关键词，确保每个页面都具有明确的语义；
优化URL结构，比如使用“/question/1”而不是“?q=1”；
定期更新内容，增加新题目，提高网站活跃度。

此外，我们还通过百度站长工具监控网站的收录情况、流量来源和用户行为数据，及时发现并解决潜在问题。

经验总结

如果你也是自己不会代码想做网站的用户，那么以下几点经验可以帮助你少走弯路：

选择适合自己的建站平台：WordPress是最适合“可以做围棋习题的网站”的平台，它功能强大、插件丰富、支持自定义开发；
善用插件，减少重复开发：像Quiz And Survey Master、ACF、WP User Frontend等插件，可以帮你快速实现题目管理、用户系统等功能；
重视SEO优化：即使你不会代码，也要学会使用百度搜索资源平台、设置Meta标签、优化URL结构；
做好服务器与备案：选择国内服务器、申请SSL证书、完成ICP备案，都是网站上线的必备步骤；
关注用户交互体验：一个好网站不仅要功能完整，还要有良好的用户体验，比如答题后的提示、进度记录、排行榜等。

还有什么建站疑问？评论区留言挨个回