const markdownContent = `
### 1. HTML文件(index.html)
\`\`\`html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>公司首页</title>
<link rel="stylesheet" href="styles.css"> <!-- 引入外部CSS文件 -->
</head>
<body>
<header>
<h1>欢迎光临我们的公司</h1>
<nav>
<a href="#about">关于我们</a>
<a href="#services">服务</a>
<a href="#contact">联系我们</a>
</nav>
</header>
<section id="about">
<h2>关于我们</h2>
<p>我们是一家致力于提供优质服务的公司,拥有多年的行业经验和专业的团队。</p>
</section>
<section id="services">
<h2>我们的服务</h2>
<ul>
<li>服务1: 专业咨询</li>
<li>服务2: 项目管理</li>
<li>服务3: 客户支持</li>
</ul>
</section>
<section id="contact">
<h2>联系我们</h2>
<p>邮箱: contact@company.com</p>
<p>电话: +86 123 456 7890</p>
</section>
<footer>
<p>© 2023 公司名称. 保留所有权利.</p>
</footer>
</body>
</html>
\`\`\`
### 2. CSS文件(styles.css)
\`\`\`css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
nav {
margin: 15px 0;
}
nav a {
color: #fff;
margin: 0 15px;
text-decoration: none;
}
section {
padding: 20px;
background-color: #fff;
margin: 15px;
border-radius: 5px;
}
footer {
text-align: center;
padding: 10px 0;
background-color: #333;
color: #fff;
position: relative;
bottom: 0;
width: 100%;
}
\`\`\`
`;
// 提取HTML内容
const htmlMatch = markdownContent.match(/```html([^```]+)```/);
const htmlContent = htmlMatch ? htmlMatch[1].trim() : '';
// 提取CSS内容
const cssMatch = markdownContent.match(/```css([^```]+)```/);
const cssContent = cssMatch ? cssMatch[1].trim() : '';
console.log("HTML Content:\n", htmlContent);
console.log("CSS Content:\n", cssContent);
console