{"id":15183,"date":"2025-02-22T20:35:16","date_gmt":"2025-02-22T12:35:16","guid":{"rendered":"https:\/\/fgchen.com\/wpedu\/?p=15183"},"modified":"2026-03-30T14:28:53","modified_gmt":"2026-03-30T06:28:53","slug":"%e4%bd%88%e7%bd%b2%e4%bd%a0%e7%9a%84%e7%a8%8b%e5%bc%8f%e5%88%b0infinity-free-host","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2025\/02\/%e4%bd%88%e7%bd%b2%e4%bd%a0%e7%9a%84%e7%a8%8b%e5%bc%8f%e5%88%b0infinity-free-host\/","title":{"rendered":"\u4f48\u7f72\u4f60\u7684\u7a0b\u5f0f\u5230Infinity free host"},"content":{"rendered":"

\u6b65\u9a5f\u4e00\uff1a<\/h2>\n

\u6e96\u5099\u597d\u4f60\u7684\u7a0b\u5f0f\uff0c\u4f8b\uff1a\u4e95\u5b57\u904a\u6232(\u55ae\u4e00\u500b\u6a94\u6848\uff0c\u542bhtml, css, JavaScript)\uff0c\u5c07\u9019\u500b\u6a94\u6848\u653e\u5728\u4f60\u96fb\u8166\u4e0a\u7684\u8cc7\u6599\u593e\u3002<\/h2>\n


index.html<\/h2>\n
<!DOCTYPE html>\n<html lang=\"zh-TW\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Tic-Tac-Toe \u4e95\u5b57\u904a\u6232<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            text-align: center;\n            background-color: #f4f4f4;\n        }\n\n        h1 {\n            color: #333;\n        }\n\n        .game-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            margin-top: 20px;\n        }\n\n        #board {\n            display: grid;\n            grid-template-columns: repeat(3, 100px);\n            grid-template-rows: repeat(3, 100px);\n            gap: 5px;\n        }\n\n        .cell {\n            width: 100px;\n            height: 100px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 2em;\n            background-color: white;\n            border: 2px solid #000;\n            cursor: pointer;\n        }\n\n        .cell.x {\n            color: green;\n        }\n\n        .cell.o {\n            color: darkred;\n        }\n\n        .cell:hover {\n            background-color: #ddd;\n        }\n\n        #status {\n            font-size: 1.2em;\n            margin-top: 10px;\n        }\n\n        #reset {\n            margin-top: 10px;\n            padding: 10px 20px;\n            font-size: 1em;\n            background-color: #007bff;\n            color: white;\n            border: none;\n            cursor: pointer;\n            border-radius: 5px;\n        }\n\n        #reset:hover {\n            background-color: #0056b3;\n        }        \n    <\/style>\n<\/head>\n<body>\n    <h1>Tic-Tac-Toe \u4e95\u5b57\u904a\u6232<\/h1>\n    <div class=\"game-container\">\n        <div id=\"board\">\n            <div class=\"cell\" data-index=\"0\"><\/div>\n            <div class=\"cell\" data-index=\"1\"><\/div>\n            <div class=\"cell\" data-index=\"2\"><\/div>\n            <div class=\"cell\" data-index=\"3\"><\/div>\n            <div class=\"cell\" data-index=\"4\"><\/div>\n            <div class=\"cell\" data-index=\"5\"><\/div>\n            <div class=\"cell\" data-index=\"6\"><\/div>\n            <div class=\"cell\" data-index=\"7\"><\/div>\n            <div class=\"cell\" data-index=\"8\"><\/div>\n        <\/div>\n        <p id=\"status\">\u73a9\u5bb6 X \u7684\u56de\u5408<\/p>\n        <button id=\"reset\">\u91cd\u65b0\u958b\u59cb<\/button>\n    <\/div>\n    <script>\nconst board = document.getElementById(\"board\");\nconst statusText = document.getElementById(\"status\");\nconst resetButton = document.getElementById(\"reset\");\nconst cells = document.querySelectorAll(\".cell\");\n\nlet currentPlayer = \"X\";\nlet boardState = [\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\"];\nlet gameActive = true;\n\nconst winPatterns = [\n    [0, 1, 2], [3, 4, 5], [6, 7, 8], \/\/ \u6a6b\u6392\n    [0, 3, 6], [1, 4, 7], [2, 5, 8], \/\/ \u76f4\u6392\n    [0, 4, 8], [2, 4, 6]             \/\/ \u659c\u7dda\n];\n\n\/\/ \u76e3\u807d\u73a9\u5bb6\u9ede\u64ca\u683c\u5b50\ncells.forEach(cell => {\n    cell.addEventListener(\"click\", handleCellClick);\n});\n\nfunction handleCellClick(event) {\n    const index = event.target.dataset.index;\n    \n    if (boardState[index] !== \"\" || !gameActive) return;\n\n    boardState[index] = currentPlayer;\n    event.target.textContent = currentPlayer;\n    event.target.classList.add(currentPlayer === \"X\" ? \"x\" : \"o\");\n\n    if (checkWin(currentPlayer)) {\n        statusText.textContent = `\u73a9\u5bb6 ${currentPlayer} \u7372\u52dd\uff01`;\n        gameActive = false;\n        return;\n    }\n\n    if (boardState.every(cell => cell !== \"\")) {\n        statusText.textContent = \"\u5e73\u5c40\uff01\";\n        gameActive = false;\n        return;\n    }\n\n    currentPlayer = currentPlayer === \"X\" ? \"O\" : \"X\";\n    statusText.textContent = `\u73a9\u5bb6 ${currentPlayer} \u7684\u56de\u5408`;\n}\n\nfunction checkWin(player) {\n    return winPatterns.some(pattern => \n        pattern.every(index => boardState[index] === player)\n    );\n}\n\n\/\/ \u91cd\u65b0\u958b\u59cb\u904a\u6232\nresetButton.addEventListener(\"click\", () => {\n    boardState = [\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\"];\n    gameActive = true;\n    currentPlayer = \"X\";\n    statusText.textContent = \"\u73a9\u5bb6 X \u7684\u56de\u5408\";\n    cells.forEach(cell => {\n        cell.textContent = \"\";\n        cell.classList.remove(\"x\", \"o\");\n    });\n});        \n    <\/script>\n<\/body>\n<\/html><\/pre>\n
\u00a0<\/p>\n\n\n
\u6b65\u9a5f\u4e8c\uff1a<\/h2>\n\n\n\n
\u6253\u958bInfinity free host\uff0c\u4f60\u7684\u7db2\u57df\uff0c\u7db2\u5740\u7684File manager (\u6a94\u6848\u7e3d\u7ba1)<\/h2>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
\u9032\u5165\u4f60\u7db2\u57df\u7684\u7ba1\u7406\u756b\u9762\uff0c\u4e26\u9ede\u64caFile Manager (\u7db2\u57df\u4e0a\u7684\u6a94\u6848\u7e3d\u7ba1\uff0c\u9867\u540d\u601d\u7fa9\u5c31\u662f\u7528\u4f86\u505a\u6a94\u6848\u8207\u76ee\u7684\u64cd\u4f5c\u3002)<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u4e0b\u9762\u7684\u756b\u9762\u5c31\u4f60\u7db2\u57df\u7684\u7db2\u9801\u6839\u76ee\u9304\uff0chtdocs\u662f\u7db2\u9801\u6839\u76ee\u9304\uff0c\u8a18\u4f4f\u9019\u500b\u91cd\u8981\u7684\u7279\u6027 (Linux\u4f5c\u696d\u7cfb\u7d71\u4e0a\u7684Web\u4f3a\u670d\u5668\u90fd\u662f\u7528\u9019\u500b\u540d\u7a31\u7576\u7db2\u9801\u7684\u6839\u76ee\u9304\u540d\u7a31)\uff0c\u9019\u500b\u76ee\u9304\u653e\u6240\u6709\u4f60\u8981\u8b93\u4f7f\u7528\u8005\u5b58\u53d6\u7684\u7db2\u9801\u8cc7\u6599(\u8cc7\u6599\u593e\u8207\u6a94\u6848)<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
\u5728\u9019\u500b\u756b\u9762\uff0c\u4f60\u53ef\u4ee5\u9ede\u9078\u76ee\u9304\u9032\u5165\u756b\u9762\uff0c\u6216\u9ede\u9078 “..”\u56de\u5230\u4e0a\u4e00\u5c64\u76ee\u9304\u3002<\/p>\n\n\n\n
\u6309\u6ed1\u9f20\u53f3\u9375\u53ef\u4ee5\u53eb\u51fa\u65b0\u589e\u6a94\u6848 (New File) \u53ca\u8cc7\u6599\u593e (New Folder) \u7684\u5f48\u51fa\u8996\u7a97\uff1a<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u901a\u5e38\uff0c\u6211\u5011\u6703\u5efa\u7acb\u4e00\u4e9b\u76ee\u9304\uff0c\u514d\u5f97\u4e00\u5806\u6a94\u6848\uff0c\u6700\u5f8c\u591a\u5230\u96dc\u4e82\u4e0d\u597d\u7ba1\u7406\u3002<\/p>\n\n\n\n
\u8209\u4f8b\uff0c\u5efa\u4e00\u500bxo\u7684\u76ee\u9304\uff0c\u5c07index.html\u653e\u5165xo\u8cc7\u6599\u593e\u4e2d\uff1a<\/p>\n\n\n\n
\u4f60\u53ef\u4ee5\u7528\u62d6\u62c9\u7684\u65b9\u5f0f\u5c07\u672c\u5730\u7aef\u7684\u6a94\u6848\u62c9\u5230\u7db2\u7ad9\u4e0a(\u4f46\u6211\u6e2c\u8a66\u5e38\u5931\u6557\uff0c\u9019\u514d\u8cbb\u7a7a\u9593\u6709\u9ede\u982d\u75db\uff0c\u53e6\u5916\u4e00\u7a2e\u65b9\u5f0f\u5c31\u662f\u7528\u65b0\u589e\u6a94\u6848\u7684\u65b9\u5f0f\uff0c\u624b\u52d5\u5c07\u7a0b\u5f0f\u8cbc\u4e0a\u53bb\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u5c07\u7a0b\u5f0f\u78bc\u8cbc\u4e0a\uff0c\u5132\u5b58 (Save)\uff1a<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u4e00\u65e6\u4f60\u7a0b\u5f0f\u6e96\u5099\u597d\uff0c\u4f60\u7a0b\u5f0f\u7684\u7db2\u5740\u70ba\uff1a<\/p>\n\n\n\n
\u7121ssl\ud842\udfd8\u672c(\u4e0d\u5b89\u5168) http:\/\/\u4f60\u7684\u7db2\u57df\/xo\/<\/p>\n\n\n\n
\u6709SSL\u7248\u672c (\u5b89\u5168)  https:\/\/\u4f60\u7684\u7db2\u57df\/xo\/<\/a><\/p>\n\n\n\n
\u4e0a\u9762\u7684htdocs\u662f\u9810\u8a2d\u7684\u7db2\u9801\u6839\u76ee\u9304 “\/”\uff0c\u4e0d\u9700\u8981\u51fa\u73fe\u5728\u7db2\u5740\u4e0a\u3002<\/p>\n\n\n\n
\u4ee5\u4e0a\u9762\u7684\u4f8b\u5b50\uff0c\u7db2\u5740\u662f\uff1a<\/p>\n\n\n\n
https:\/\/fg.infinityfreeapp.com\/xo<\/p>\n\n\n\n
index.html\u7701\u7565\u4e0d\u6253 (\u56e0\u662f\u662f\u5927\u5bb6\u8b1b\u597d\u7684\uff0c\u9996\u9801\u6a94\u6848\u540d\u7a31\uff0c\u9810\u8a2d\u6703\u6293\u53d6\u7684)<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u4e0a\u9762\u7684\/?i=1\u662finfinity\u9019\u500b\u7db2\u7ad9\u4e3b\u6a5f\u7522\u751f\u7684 (\u600e\u9ebc\u7522\u751f\u7684\uff0c\u9084\u8981\u518d\u4e86\u89e3\uff0c\u4f46\u9019\u4e0d\u91cd\u8981)\uff0c\u4e0d\u9700\u8981\u7d66\u4f7f\u7528\u8005\u9019\u500b\u3002<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u6b65\u9a5f\u4e00\uff1a \u6e96\u5099\u597d\u4f60\u7684\u7a0b\u5f0f\uff0c\u4f8b\uff1a\u4e95\u5b57\u904a\u6232(\u55ae\u4e00\u500b\u6a94\u6848\uff0c\u542bhtml, css, Ja … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[],"class_list":["post-15183","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/15183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=15183"}],"version-history":[{"count":2,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/15183\/revisions"}],"predecessor-version":[{"id":15194,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/15183\/revisions\/15194"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=15183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=15183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=15183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}