XLAdmin 项目化主页 - 由ChatGpt生成 - 常规

<html lang="zh-CN">
<head>
  <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-transform" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta http-equiv="x-dns-prefetch-control" content="on" />
	<title itemprop="name">GhostKylin‘S BLOG - 个人博客</title>
	<meta name="description" content="👹Global plug-in library Github tool index developer" />
<meta name="keywords" content="网络安全，代码编写，html,插件库，网站搭建，遇见数据仓库，插件开发，源码网，资源网" />
<?php
// 读取JSON文件
$data = file_get_contents('projects.json');
$projects = json_decode($data, true);
<p>// 显示每个项目的信息
echo '<div class="container">';
foreach($projects['projects'] as $project) {
echo '<div class="project">';
echo '<img src="' . $project['image'] . '">';
echo '<h2>' . $project['name'] . '</h2>';
echo '<p>' . $project['description'] . '</p>';
echo '<a href="' . $project['link'] . '">项目进入</a>';
echo '</div>';
}
echo '</div>';
?&gt;</p>
<style>
  .container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 20px;
    padding: 20px;
  }

  .project {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  
  .project img {
    max-width: 100%;
    margin-bottom: 10px;
  }
  
  .project h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  
  .project p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  
  .project a {
    display: inline-block;
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 10px;
  }
  
  .project a:hover {
    background-color: #0062cc;
  }
</style>
<title>XLAdmin-项目化主页-由ChatGpt生成</title>
</head>
<body>
</body>
</html>