文章目录

  • 1.设计来源
    • 1.1 博客首界面
    • 1.2 个人简介界面
    • 1.3 日常记录界面
    • 1.4 文章列表界面
    • 1.5 文章信息界面
  • 2.结构源码
    • 2.1 目录结构
    • 2.2 源代码
  • 源码下载

作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/128288153

html简洁风格的个人博客网站模板 html简洁风格的个人博客网站模板，里面包括首页面，列表页面，文章详细页面，资源页面，时间记录条页面等模板页面，可以借鉴这个模板，开发自己的博客，容易上手。下载后直接运行。

1.设计来源

1.1 博客首界面

博客首界面，以logo和菜单导航，为主导航，然后一个动态banner，跟着一个资源模板，内容分为左右，左边为文章，右边为天气，最新文章，底部为版号。

1.2 个人简介界面

个人简介界面，介绍个人的信息，相关爱好，个人特长等

1.3 日常记录界面

日常记录界面，根据时间记录自己的日记或者日常生活趣事。

1.4 文章列表界面

文章列表界面，以列表形式模板，可以自定义布局。

1.5 文章信息界面

文章详细信息，标题，内容，时间，作者，资源下载等，根据自己的需求变动。


更多内容见底部源码，点击下载，所有源码资源都在里面。

2.结构源码

2.1 目录结构

2.2 源代码

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

xcLeigh个人博客网站模板
    打了死结的青春，捆死一颗苍白绝望的灵魂。
    为自己掘一个坟墓来葬心，红尘一梦，不再追寻。
    加了锁的青春，不会再因谁而推开心门。
xcLiegh 
个人博客模板 Templates
  • 仿新浪博客风格·梅——古典个人博客模板
  • 黑色质感时间轴html5个人博客模板
  • Green绿色小清新的夏天-个人博客模板
  • 女生清新个人博客网站模板
  • 黑色质感时间轴html5个人博客模板
  • Green绿色小清新的夏天-个人博客模板
文章推荐
程序员请放下你的技术情节，与你的同伴一起进步
    如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话， 那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
    阅读全文>>
2013-11-04作者：xcLiegh个人博客：[程序人生]
程序员请放下你的技术情节，与你的同伴一起进步
    如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话， 那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
    阅读全文>>
2013-11-04作者：xcLiegh个人博客：[程序人生]
程序员请放下你的技术情节，与你的同伴一起进步
    如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话， 那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
    阅读全文>>
2013-11-04作者：xcLiegh个人博客：[程序人生]
程序员请放下你的技术情节，与你的同伴一起进步
    如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话， 那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
    阅读全文>>
2013-11-04作者：xcLiegh个人博客：[程序人生]
程序员请放下你的技术情节，与你的同伴一起进步
    如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话， 那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
    阅读全文>>
2013-11-04作者：xcLiegh个人博客：[程序人生]
最新文章
  • Column 三栏布局 个人网站模板
  • with love for you 个人网站模板
  • 免费收录网站搜索引擎登录口大全
  • 做网站到底需要什么?
  • 企业做网站具体流程步骤
  • 建站流程篇——教你如何快速学会做网站
  • box-shadow 阴影右下脚折边效果
  • 打雷时室内、户外应该需要注意什么
点击排行
  • Column 三栏布局 个人网站模板
  • with love for you 个人网站模板
  • 免费收录网站搜索引擎登录口大全
  • 做网站到底需要什么?
  • 企业做网站具体流程步骤
友情链接
  • 个人博客
  • xcLeigh
  • CSDN
  • 稀土掘金
   document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)