本文共 4495 字，大约阅读时间需要 14 分钟。

• 页面左侧是一张图片，右侧放置一些关于我的介绍和个人标签以及联系我的方式。

1、创建关于我页

• 复制types.html改名为about.html

2、修改代码

• 修改标题以及active（默认选中）

• 删除中间内容代码

3、中间内容

（1）做左右布局

（2）左侧

（3）右侧

• 简单框架

                   
   
                    
                        
    
                        
     
      关于我
     
                    
    
                    
                        
    
                    
    
                    
                        
    
                    
    
                    
    
                    
    
                    
                        
    
                    
    
                
   

• 简介

                       
   
                        
    
beauty，一个独立开发者，折腾在0和1世界的人，一个终身学习者，将学习进行到底，希望结识可以共同成长的小伙伴
                        
    
热爱编程，喜欢折腾，正在探索高效学习编程技术的方法……
                    
   

• 标签

                       
   
                        
    
     编程
    
                        
    
     写作
    
                        
    
     思考
    
                        
    
     运动
    
                    
   
                    
   
                        
    
     Java
    
                        
    
     JavaScript
    
                        
    
     Node
    
                        
    
     React
    
                        
    
     RN
    
                        
    
     MySQL
    
                    
   

（4）底部

4、最终效果

    
       
           
       
       
       
       
       
   
        
    
            
     
                
                      
      
                    
                       
      
                
                      
      
                    
                           
       
                        
        
         关于我
        
                    
       
                    
                           
       
                        
        
beauty，一个独立开发者，折腾在0和1世界的人，一个终身学习者，将学习进行到底，希望结识可以共同成长的小伙伴
                        
        
热爱编程，喜欢折腾，正在探索高效学习编程技术的方法……
                    
       
                    
                           
       
                        
        
         编程
        
                        
        
         写作
        
                        
        
         思考
        
                        
        
         运动
        
                    
       
                    
       
                        
        
         Java
        
                        
        
         JavaScript
        
                        
        
         Node
        
                        
        
         React
        
                        
        
         RN
        
                        
        
         MySQL
        
                    
       
                    
                           
       
                        
                                 
                                 
        
                            
       
                    
       
                        
                            
       
                
      
            
     
        
    
    
   
    
       
   

转载地址：http://zitki.baihongyu.com/