作者：xcLeigh
文章地址：http://iyenn.com/rec/1675888.html

---

html5实现好看的个人博客模板，个人空间源码，个人主页源码，模板分为，首页、认识我，我的文章，我的模板，文章内容等页面，在此基础上可根据博客模板，扩展更多的功能，统一的风格，代码上手简单，代码独立，可以直接使用。也可直接预览效果。如有代码问题可以私信联系博主，帮忙解决。

1.设计来源

1.1 主界面

    主界面，分为上下两个板块（上边为固定头部导航，保持不变），下边又分为左右两个板块，左边博客博客内容；右边是个人信息内容和相关推广展示。不同板块链接展示。页面底部，相关版权信息。这为模板界面，可以支持变更自己喜欢的风格，主题色调的调整，代码扩展方便，上手容易。
    注意：图片右边上箭头出现多个是截图问题，真是效果见下面视频演示。

1.2 认识我界面

    认识我界面，分为上中下三个板块（上边为固定头部导航，保持不变），中间为内容。页面底部，相关版权信息。这为模板界面，可以支持变更自己喜欢的风格，主题色调的调整，代码扩展方便，上手容易。
    注意：图片右边上箭头出现多个是截图问题，真是效果见下面视频演示。

1.3 我的日记界面

    我的日记界面，分为上中下三个板块（上边为固定头部导航，保持不变），中间为内容。页面底部，相关版权信息。这为模板界面，可以支持变更自己喜欢的风格，主题色调的调整，代码扩展方便，上手容易。
    注意：图片右边上箭头出现多个是截图问题，真是效果见下面视频演示。

1.4 我的文章列表界面和文章内容界面

    我的文章界面，分为上下两个板块（上边为固定头部导航，保持不变），下边又分为左右两个板块，左边博客博客内容；右边是个人信息内容和相关推广展示。不同板块链接展示。页面底部，相关版权信息。这为模板界面，可以支持变更自己喜欢的风格，主题色调的调整，代码扩展方便，上手容易。
    注意：图片右边上箭头出现多个是截图问题，真是效果见下面视频演示。

 
    我的文章内容界面，分为上下两个板块（上边为固定头部导航，保持不变），下边又分为左右两个板块，左边博客博客内容；右边是个人信息内容和相关推广展示。不同板块链接展示。页面底部，相关版权信息。这为模板界面，可以支持变更自己喜欢的风格，主题色调的调整，代码扩展方便，上手容易。
    注意：图片右边上箭头出现多个是截图问题，真是效果见下面视频演示。

1.5 我的留言板界面

    认识我界面，分为上中下三个板块（上边为固定头部导航，保持不变），中间为内容。页面底部，相关版权信息。这为模板界面，可以支持变更自己喜欢的风格，主题色调的调整，代码扩展方便，上手容易。
    注意：图片右边上箭头出现多个是截图问题，真是效果见下面视频演示。

2.演示效果和结构及源码

2.1 效果演示

这里是完整的效果演示，源码是个人博客模板，内含博客所需基础框架，可在此代码基础上更加完善功能，支持扩展自己的风格，可以删减内容，打造属于自己的个人博客。

2.2 目录结构

2.3 源代码

    这里是主界面的代码，其他图片、js、css等代码，见下面的 源码下载 ，里面有所有代码资源和相关说明。

    

        

            
                
            
            xcLeigh博客
            
            
        
    

源码下载

Html5实用个人博客留言板模板（源码） 点击下载

     ? 关注博主 带你实现畅游前后端

     ? 加入社区 带你体验马航不孤单

     ? 神秘个人简介 带你体验不一样得介绍

     ? 为爱表白 为你那个TA，体验别致的浪漫惊喜

     ? 酷炫邀请函 带你体验高大上得邀请

     ① ?提供云服务部署（有自己的阿里云）；
     ② ?提供前端、后端、应用程序、H5、小程序、公众号等相关业务；
     如?合作请联系我，期待您的联系。
    注：本文撰写于CSDN平台,作者：xcLeigh（所有权归作者所有），https://blog.csdn.net/weixin_43151418，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。

     亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 ? 问题请留言（评论），博主看见后一定及时给您答复，???

原文地址：http://iyenn.com/rec/1675888.html（防止抄袭，原文地址不可删除）