个人博客模板《simple》.zip

  • PUDN用户
    了解作者
  • HTML
    开发工具
  • 1.2MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 10 积分
    下载积分
  • 1
    下载次数
  • 2019-03-18 15:42
    上传日期
入门资料,个人博客,简约,时尚,适合入门参考学习
个人博客模板《simple》.zip
  • 个人博客模板《simple》
  • images
  • left.png
    3KB
  • 2.jpg
    94.2KB
  • 11.jpg
    76.7KB
  • 8.jpg
    93.2KB
  • 6.jpg
    73.8KB
  • tx7.jpg
    5.7KB
  • top.png
    1.2KB
  • left1.jpg
    1.7KB
  • tx6.jpg
    6KB
  • 1.jpg
    86.1KB
  • 12.jpg
    75.8KB
  • right1.jpg
    1.6KB
  • 4.jpg
    75.8KB
  • tx2.jpg
    5.6KB
  • 5.jpg
    91.5KB
  • 9.jpg
    133.5KB
  • tx3.jpg
    5.3KB
  • tx8.jpg
    5.4KB
  • li.png
    993B
  • tx5.jpg
    5.4KB
  • tx1.jpg
    6KB
  • tx4.jpg
    5.8KB
  • tx10.jpg
    5.4KB
  • 10.jpg
    78.3KB
  • 7.jpg
    95KB
  • right.png
    3KB
  • 3.jpg
    76KB
  • wx.jpg
    7.5KB
  • tx9.jpg
    5.5KB
  • js
  • hc-sticky.js
    0B
  • comm.js
    2.3KB
  • page2.js
    287B
  • jquery.min.js
    104.9KB
  • scrollReveal.js
    12.1KB
  • modernizr.js
    14.2KB
  • page.js
    2.5KB
  • piccontent.min.js
    6.9KB
  • css
  • index.css
    7.2KB
  • infopic.css
    6.5KB
  • base.css
    3.5KB
  • info.css
    942B
  • m.css
    2.3KB
  • share.html
    4.6KB
  • index.html
    8.2KB
  • about.html
    6.4KB
  • info.html
    14.6KB
  • gbook.html
    5.5KB
  • list.html
    7.6KB
  • infopic.html
    14.1KB
内容介绍
<!doctype html> <html> <head> <meta charset="gbk"> <title>首页_杨青个人博客 - 一个站在web前端设计之路的女技术员个人博客网站</title> <meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青" /> <meta name="description" content="杨青个人博客,是一个站在web前端设计之路的女程序员个人网站,提供个人博客模板免费资源下载的个人原创网站。" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/base.css" rel="stylesheet"> <link href="css/index.css" rel="stylesheet"> <link href="css/info.css" rel="stylesheet"> <link href="css/m.css" rel="stylesheet"> <script src="js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/comm.js"></script> <!--[if lt IE 9]> <script src="js/modernizr.js"></script> <![endif]--> </head> <body> <header class="header-navigation" id="header"> <nav> <div class="logo"><a href="/" rel='nofollow' onclick='return false;'>杨青个人博客</a></div> <h2 id="mnavh"><span class="navicon"></span></h2> <ul id="starlist"> <li><a href="index.html" rel='nofollow' onclick='return false;'>网站首页</a></li> <li><a href="share.html" rel='nofollow' onclick='return false;'>我的相册</a></li> <li><a href="list.html" rel='nofollow' onclick='return false;'>我的日记</a></li> <li><a href="about.html" rel='nofollow' onclick='return false;'>关于我</a></li> <li><a href="gbook.html" rel='nofollow' onclick='return false;'>留言</a></li> <li><a href="info.html" rel='nofollow' onclick='return false;'>内容页</a></li> <li><a href="infopic.html" rel='nofollow' onclick='return false;'>内容页</a></li> </ul> </nav> </header> <article rel='nofollow' onclick='return false;'> <aside class="l_box" rel='nofollow' onclick='return false;'> <div class="search"> <form action="/e/search/index.php" method="post" name="searchform" id="searchform"> <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text"> <input name="show" value="title" type="hidden"> <input name="tempid" value="1" type="hidden"> <input name="tbname" value="news" type="hidden"> <input name="Submit" class="input_submit" value="搜索" type="submit"> </form> </div> <div class="fenlei"> <h2>文章分类</h2> <ul> <li><a href="/" rel='nofollow' onclick='return false;'>学无止境(33)</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>日记(19)</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>慢生活(520)</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>美文欣赏(40)</a></li> </ul> </div> <div class="tuijian"> <h2>站长推荐</h2> <ul> <li><a href="/" rel='nofollow' onclick='return false;'>你是什么人便会遇上什么人</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>帝国cms 列表页调用子栏目,没有则不显示栏目名称</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>第二届 优秀个人博客模板比赛参选活动</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>个人博客模板《绅士》后台管理</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>你是什么人便会遇上什么人</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>帝国cms 列表页调用子栏目,没有则不显示栏目名称</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>第二届 优秀个人博客模板比赛参选活动</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>个人博客模板《绅士》后台管理</a></li> </ul> </div> <div class="tuijian"> <h2>点击排行</h2> <ul> <li><a href="/" rel='nofollow' onclick='return false;'>你是什么人便会遇上什么人</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>帝国cms 列表页调用子栏目,没有则不显示栏目名称</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>第二届 优秀个人博客模板比赛参选活动</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>个人博客模板《绅士》后台管理</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>你是什么人便会遇上什么人</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>帝国cms 列表页调用子栏目,没有则不显示栏目名称</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>第二届 优秀个人博客模板比赛参选活动</a></li> <li><a href="/" rel='nofollow' onclick='return false;'>个人博客模板《绅士》后台管理</a></li> </ul> </div> <div class="cloud"> <h2>标签云</h2> <ul> <a href="/" rel='nofollow' onclick='return false;'>陌上花开</a> <a href="/" rel='nofollow' onclick='return false;'>校园生活</a> <a href="/" rel='nofollow' onclick='return false;'>html5</a> <a href="/" rel='nofollow' onclick='return false;'>SumSung</a> <a href="/" rel='nofollow' onclick='return false;'>青春</a> <a href="/" rel='nofollow' onclick='return false;'>温暖</a> <a href="/" rel='nofollow' onclick='return false;'>阳光</a> <a href="/" rel='nofollow' onclick='return false;'>三星</a><a href="/" rel='nofollow' onclick='return false;'>索尼</a> <a href="/" rel='nofollow' onclick='return false;'>华维荣耀</a> <a href="/" rel='nofollow' onclick='return false;'>三星</a> <a href="/" rel='nofollow' onclick='return false;'>索尼</a> </ul> </div> <div class="guanzhu"> <h2>关注我 么么哒</h2> <ul> </ul> </div> </aside> <main> <div class="infosbox"> <div class="newsview"> <h3 class="news_title">个人博客,属于我的小世界!</h3> <div class="bloginfo"> <ul> <li class="author">作者:<a href="/" rel='nofollow' onclick='return false;'>杨青</a></li> <li class="lmname"><a href="/" rel='nofollow' onclick='return false;'>学无止境</a></li> <li class="timer">时间:2018-5-13</li> <li class="view">4567人已阅读</li> </ul> </div> <div class="tags"><a href="/" target="_blank" rel='nofollow' onclick='return false;'>个人博客</a> &nbsp; <a href="/" target="_blank" rel='nofollow' onclick='return false;'>小世界</a></div> <div class="news_about"><strong>简介</strong>个人博客,用来做什么?我刚开始就把它当做一个我吐槽心情的地方,也就相当于一个网络记事本,写上一些关于自己生活工作中的小情小事,也会放上一些照片,音乐。每天工作回家后就能访问自己的网站,一边听着音乐,一边写写文章。</div> <div class="news_con"> 本文很长,记录了我博客建站初到现在的过程,还有我从毕业到现在的一个状态,感谢您的阅读,如果你还是学生,也许你能从此文中,找到我们曾经相似的地方。如果你已经工作,有自己的博客,我想,你并没有忘记当初建立个人博客的初衷吧!<br> <br> 我的个人博客已经建站有8年的时间了,对它的热爱,一直都是只增未减。回想大学读书的那几年,那会儿非常流行QQ空间,我们寝室的室友还经常邀约去学校的网吧做自己的空间。系里有个男生,空间做得非常漂亮,什么悬浮,开场动画,音乐播放器,我们女生羡慕得不得了。还邀约他跟我们一起去通宵弄空间,网上可以找到很多免费的flash资源,还有音乐,那也是第一次接触js,知道在浏览器输入一个地址,修改一下数据,就能调用一些背景出来。然后把自己QQ空间弄得漂漂亮亮的,经常邀约室友来互踩。我记得08年地震,第二天晚上,我们寝室的几个人还淡定的在寝室装扮空间呢!<br> <br> <br> <br> 后来空间收费项目也多了,官方漏洞也修复了,加上临近毕业,又要忙着做毕业设计,就没再打理QQ空间。我知道现在的九零后,零零后,你们肯定没看过《一帘幽梦》,那会儿我也是疯狂追剧,喜欢上紫菱,喜欢上她的网站。想看看她的小世界,而我更想学着做一个她那样的网站。那会儿还天真的以为网上真的有她的网站,百度搜了好些天也没有。<br> <br> 要毕业的时候,要交作业了,感觉自己什么都没学会。室友拉着我们去看了她同学做的网站,我们一个个佩服得五体投地,甚至觉得太不可思议了。有难度,又怕自己不会。老师教我们怎么布局,怎么做,并没有教我们右键保存网页。不知道是谁先会了这绝技,然后我们一个个又跟打了鸡血似的,疯狂在网上找网页,右键另存为。然后一个个修改文字,图片。仿佛又回到了那会儿做QQ空间那个时候。拿着copy来,并且精心修改的作品,递交了毕业设计,顺利结业。那会儿还是很蒙,一种云里雾里的感觉,竟有种不知道自己到底是会还是不会的感觉,也就是大家常说的毕业迷茫期。<br> <br> <br> <br> 工作后进入社会,出去谈业务,遇到一个对网页设计超级感兴趣的人,聊了一下午都还不够,他是完全自学的,做了一个首页宣传他们的产品。他眼里的我就是专业的,总是请教我一些问题。其实我内心特羡慕人家,每次问我,我也似懂非懂的跟人家解决问题,但我还是经常靠百度来搜索他要的答案。他身上那种好学好问的那股劲儿,也成为我迫切想拥有自己的个人博客的一个重要原因。<br> <br> 做博客不是说做就做的,很多东西我都不懂,也不知道要购买域名还有空间。前期要做的工作还是很多。幸好张园同学,也是我实习期的同事,他会这些,教我网上找免费的虚拟空间,然后就是把自己做的页面上传进去,还给了有一个地址,然后就能访问了。那是第一次接触,也了解了整个网站的制作过程,只可惜买域名还有空间需要费用,还在实习期的我,想想也就算了。虚拟空间毕竟是免费的,没多长时间,做过的网页就不能访问了,又得重新注册,重新上传。<br> <br> 等自己有一些资金和技术后,我开始买域名和空间。从一开始,我就没想过只是练练手,或者用一段时间就行了。我会一直用下去,所以精心挑选了域名和空间。这些年除了域名没有更换外,后台程序由asp换成了php,空间从西部数据换成万网,也就是现在的阿里云。一步步升级,就想把最好的一面呈现给大家。很多人问我网站速度怎么访问那么快,其实一是网站程序,页面最好是静态页面。
评论
    相关推荐
    • html博客
      html博客
    • 个人博客 html模板
      个人博客 html 模板个人博客 html 模板个人博客 html 模板
    • 博客 html模板 下载
      html博客模板html博客模板 html博客模板 html博客模板
    • 传智博客html
      传智博客网站简单写出一些功能,不够自我感觉还可以。
    • Pelsdiary:简单的html博客网站
      这是一个用html完成的博客网站。 它测试了我的html和页面链接技能。 它具有索引页面,关于页面,部分页面和子部分页面,还具有大约4个单独的帖子。 每个页面都正确链接到彼此。 最后,添加了一点Css。
    • 个人博客HTML界面
      一个HTML的个人博客界面,只有首页界面。包含css和HTML
    • 创意团队HTML博客模板
      创意团队HTML博客模板是一款创意设计的团队博客网站模板下载。
    • 博客HTML模板
      如影随形黑色个人博客HTML5模板,页面模板
    • 纯静态HTML博客自适应模板
      纯静态HTML博客自适应模板,一共五个页面index.html首页,blog.html博客页,about.html关于介绍页面,contact.html联系方式页面,portfolio.html作品页面 net.0546.hk
    • Html博客模板
      Html博客模板,兼容性非常好,很漂亮,非常实用