Add GitHub Codespaces support and usage guide (#11)

* Create devcontainer.json

* Create postCreate.sh

* feat(devcontainer): add Codespaces support and xlings bootstrap

* 更新 README，新增 GitHub Codespaces 使用说明

* add codespace button to readme

* run 'xlings checker' in post create

---------

Co-authored-by: SPeak <[email protected]>

Author: jwaiting

.devcontainer/devcontainer.json

@@ -0,0 +1,16 @@
+{
+  "name": "mcpp-standard (Codespaces)",
+  "image": "mcr.microsoft.com/devcontainers/cpp:ubuntu-24.04",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "ms-vscode.cpptools",
+        "twxs.cmake",
+        "ms-vscode.cmake-tools",
+        "formulahendry.code-runner"
+      ]
+    }
+  },
+  "remoteUser": "vscode",
+  "postCreateCommand": "/bin/bash .devcontainer/postCreate.sh"
+}

.devcontainer/postCreate.sh

@@ -0,0 +1,14 @@
+# postCreate.sh
+#!/usr/bin/env bash
+set -euo pipefail
+
+sudo apt-get update
+sudo apt-get install -y ncurses-bin libtinfo6 libncursesw6 curl ca-certificates git
+
+if ! command -v xlings >/dev/null 2>&1; then
+  curl -fsSL https://d2learn.org/xlings-install.sh | bash
+fi
+
+source ~/.bashrc
+
+xlings checker

README.md

@@ -69,6 +69,20 @@ d2x update
 
 ## 快速开始
 
+### 在线体验
+
+> [**点击下面按钮**](https://github.com/codespaces/new?hide_repo_select=true&ref=main&repo=Sunrisepeak/mcpp-standard) 即可在云端自动完成配置, 并进入练习代码检测模式
+
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://github.com/codespaces/new?hide_repo_select=true&ref=main&repo=Sunrisepeak/mcpp-standard)
+
+> **提示:**
+>
+> * 更多项目使用细节, 可以参考 **本地练习环境快速搭建** 和 [项目在线文档](https://sunrisepeak.github.io/mcpp-standard)
+> * 使用完毕请记得在 Codespaces 界面 Stop 容器，以节省额度。
+
+
+### 本地练习环境快速搭建
+
 > 通过使用[xlings](https://github.com/d2learn/xlings)获取项目并运行**编译器驱动开发模式**(自动化检测)来进行代码练习
 >
 > - 环境搭建演示视频: [windows](https://www.bilibili.com/video/BV1L4KuzEEcE) - [linux](https://www.bilibili.com/video/BV182MtzPEiX?p=2) - [macos](https://www.bilibili.com/video/BV182MtzPEiX?p=2)
@@ -96,38 +110,40 @@ irm https://d2learn.org/xlings-install.ps1.txt | iex
 
 </details>
 
-### 获取项目
+#### 获取项目
 
 > 下载项目到当前目录并自动配置本地环境
 
 ```bash
 xlings install d2x:mcpp-standard
 ```
 
-### 本地文档/电子书(可选)
+#### 本地文档/电子书(可选)
 
 > 可以在项目目录执行`d2x book`命令, 打开本地文档(包含使用说明和电子书)
 
 ```bash
 d2x book
 ```
 
-### 练习代码自动检测
+#### 练习代码自动检测
 
 > 在项目目录`mcpp-standard`运行checker命令, 进入练习代码自动检测程序
 
 ```bash
 xlings checker
 ```
 
-### 同步最新的练习代码
+#### 同步最新的练习代码
 
 > 由于项目处于持续更新阶段, 可以使用下面的命令进行自动同步(如果同步失败, 可能需要手动用git进行更新项目代码)
 
 ```bash
 d2x update
 ```
 
+---
+
 ## 练习及视频解读列表
 
 | c++标准 | 特性 | 标题 | 文档/练习代码/视频 | 备注 |
@@ -173,4 +189,4 @@ d2x update
   <img src="https://contrib.rocks/image?repo=Sunrisepeak/mcpp-standard" />
 </a>
 
-<a href="https://hellogithub.com/repository/Sunrisepeak/mcpp-standard" target="_blank"><img src="https://api.hellogithub.com/v1/widgets/recommend.svg?rid=7877f7cb12e940a5a432d49c19a360df&claim_uid=aNLTSv91Awj8ruX&theme=dark" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+<a href="https://hellogithub.com/repository/Sunrisepeak/mcpp-standard" target="_blank"><img src="https://api.hellogithub.com/v1/widgets/recommend.svg?rid=7877f7cb12e940a5a432d49c19a360df&claim_uid=aNLTSv91Awj8ruX&theme=dark" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" /></a>