文章目录

  • 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)