一个简单的个人网站模板

大家好，欢迎来到IT知识分享网。

现在的网站效果多样而功能复杂，技术栈也多种多样，react\vue\jquery等层出不穷，对于编程爱好者初学者入门极不友好。我这里有一个简单的个人网站模板，包括主页、项目和联系方式、关于我四个部分。你可以根据自己的需求进行调整。

模板效果展示：

主页 (index.html)

             
       
   
    
     
欢迎来到我的个人网站
     我是一个充满激情的程序员，热衷于学习和分享知识。    
   
    

关于我 (about.html)

             
       
   
    
     
关于我
     你好！我是[一周一志程序员]，一名经验丰富的Java程序员，致力于能源电力SaaS和系统架构设计。     目前我正在备考2024年11月6日的《系统架构设计师》考试，并在着手成为独立开发者，轻创业准备中。    
   
    

项目 (projects.html)

             
       
   
    
     
项目
     
      
电力SaaS平台开发 - 开发用电考核模块。
      
系统架构设计 - 为不同客户提供系统架构解决方案。
      
Spring Boot 项目 - 创建和管理多个Spring Boot项目。
     
    
   
    

联系方式 (contact.html)

             
       
   
    
     
联系方式
     如果你有任何问题或合作意向，请随时联系我。     Email: your-email@domain.com     公众号: 一周一志程序员     抖音: 麦冬会开花    
   
    

样式文件 (styles.css)

body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; } header { background: #06362B; color: #fff; padding: 1rem 0; } nav ul { list-style: none; padding: 0; } nav ul li { display: inline; margin-right: 1rem; } nav ul li a { color: #fff; text-decoration: none; } .hero { background: #f4f4f4; padding: 2rem; text-align: center; } .about, .projects, .contact { padding: 2rem; } footer { background: #06362B; color: #fff; text-align: center; padding: 1rem 0; position: fixed; width: 100%; bottom: 0; }

你可以将这些文件保存为index.html、about.html、projects.html、contact.html和styles.css，并将它们放在同一目录下。然后，你可以通过浏览器打开index.html来查看你的个人网站。

学习使用，希望这对你有帮助把！如果你有其他需求或需要进一步定制，请告诉我。