个人博客模板个人博客模板个人博客模板个人博客模板个人博客模板

共49个文件

jpg：25个

js：8个

html：7个

HTML

博客

需积分: 11 111 浏览量 2022-02-22 14:32:23 上传评论收藏 1.3MB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

史国成博客完整版.zip （49个子文件）

史国成博客

css

infopic.css 7KB

index.css 7KB

info.css 942B

m.css 2KB

base.css 3KB

share.html 5KB

gbook.html 6KB

infopic.html 15KB

list.html 9KB

images

5.jpg 92KB

tx8.jpg 5KB

tx1.jpg 6KB

3.jpg 76KB

tx3.jpg 5KB

8.jpg 93KB

4.jpg 76KB

left1.jpg 2KB

li.png 993B

12.jpg 76KB

tx4.jpg 6KB

right.png 3KB

9.jpg 133KB

2.jpg 94KB

right1.jpg 2KB

10.jpg 78KB

tx6.jpg 6KB

tx5.jpg 5KB

tx2.jpg 6KB

tx9.jpg 6KB

1.jpg 86KB

top.png 1KB

tx7.jpg 6KB

11.jpg 77KB

6.jpg 74KB

tx10.jpg 5KB

left.png 3KB

7.jpg 95KB

wx.jpg 146KB

modernizr.js 14KB

hc-sticky.js 0B

scrollReveal.js 12KB

page.js 3KB

comm.js 2KB

piccontent.min.js 7KB

page2.js 287B

jquery.min.js 105KB

index.html 10KB

about.html 7KB

info.html 18KB

<!doctype html> <html> <head> <meta charset="utf=8"> <title>首页_史国成个人博客</title> <meta name="keywords" content="个人博客,史国成个人博客,个人博客模板,史国成" /> <meta name="description" content="史国成个人博客" /> <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>  </head> <body> <header class="header-navigation" id="header"> <nav> <div class="logo"><a href="infopic.html">史国成个人博客</a></div> <h2 id="mnavh"><span class="navicon"></span></h2> <ul id="starlist"> <li><a href="index.html">网站首页</a></li> <li><a href="share.html">我的相册</a></li> <li><a href="list.html">我的日记</a></li> <li><a href="gbook.html">留言</a></li> <li><a href="infopic.html">内容页</a></li> </ul> </nav> </header> <article> <aside class="l_box"> <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="infopic.html">学无止境（33）</a></li> <li><a href="infopic.html">日记（19）</a></li> <li><a href="infopic.html">慢生活（520）</a></li> <li><a href="infopic.html">美文欣赏（40）</a></li> </ul> </div> <div class="tuijian"> <h2>站长推荐</h2> <ul> <li><a href="infopic.html">你是什么人便会遇上什么人</a></li> <li><a href="infopic.html">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li> <li><a href="infopic.html">第二届优秀个人博客模板比赛参选活动</a></li> <li><a href="infopic.html">个人博客模板《绅士》后台管理</a></li> <li><a href="infopic.html">你是什么人便会遇上什么人</a></li> <li><a href="infopic.html">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li> <li><a href="infopic.html">第二届优秀个人博客模板比赛参选活动</a></li> <li><a href="infopic.html">个人博客模板《绅士》后台管理</a></li> </ul> </div> <div class="tuijian"> <h2>点击排行</h2> <ul> <li><a href="infopic.html">你是什么人便会遇上什么人</a></li> <li><a href="infopic.html">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li> <li><a href="infopic.html">第二届优秀个人博客模板比赛参选活动</a></li> <li><a href="infopic.html">个人博客模板《绅士》后台管理</a></li> <li><a href="infopic.html">你是什么人便会遇上什么人</a></li> <li><a href="infopic.html">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li> <li><a href="infopic.html">第二届优秀个人博客模板比赛参选活动</a></li> <li><a href="infopic.html">个人博客模板《绅士》后台管理</a></li> </ul> </div> <div class="cloud"> <h2>标签云</h2> <ul> <a href="infopic.html">陌上花开</a> <a href="infopic.html">校园生活</a> <a href="infopic.html">html5</a> <a href="infopic.html">SumSung</a> <a href="infopic.html">青春</a> <a href="infopic.html">温暖</a> <a href="infopic.html">阳光</a> <a href="infopic.html">三星</a><a href="infopic.html">索尼</a> <a href="infopic.html">华维荣耀</a> <a href="infopic.html">三星</a> <a href="infopic.html">索尼</a> </ul> </div> <div class="guanzhu"> <h2>关注我么么哒</h2> <ul> <img src="images/wx.jpg"> </ul> </div> </aside> <main> <div class="infosbox"> <div class="newsview"> <h3 class="news_title">个人博客，属于我的小世界！</h3> <div class="bloginfo"> <ul> <li class="author">作者：<a href="infopic.html">史国成</a></li> <li class="lmname"><a href="infopic.html">学无止境</a></li> <li class="timer">时间：2018-5-13</li> <li class="view">4567人已阅读</li> </ul> </div> <div class="tags"><a href="infopic.html" target="_blank">个人博客</a>   <a href="infopic.html" target="_blank">小世界</a></div> <div class="news_about"><strong>简介</strong>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。</div> <div class="news_con"> 本文很长，记录了我博客建站初到现在的过程，还有我从毕业到现在的一个状态，感谢您的阅读，如果你还是学生，也许你能从此文中，找到我们曾经相似的地方。如果你已经工作，有自己的博客，我想，你并没有忘记当初建立个人博客的初衷吧！<br> <br> 我的个人博客已经建站有8年的时间了，对它的热爱，一直都是只增未减。回想大学读书的那几年，那会儿非常流行QQ空间，我们寝室的室友还经常邀约去学校的网吧做自己的空间。系里有个男生，空间做得非常漂亮，什么悬浮，开场动画，音乐播放器，我们女生羡慕得不得了。还邀约他跟我们一起去通宵弄空间，网上可以找到很多免费的flash资源，还有音乐，那也是第一次接触js，知道在浏览器输入一个地址，修改一下数据，就能调用一些背景出来。然后把自己QQ空间弄得漂漂亮亮的，经常邀约室友来互踩。我记得08年地震，第二天晚上，我们寝室的几个人还淡定的在寝室装扮空间呢！<br> <br> <img alt="" src="images/1.jpg"><br> <br> 后来空间收费项目也多了，官方漏洞也修复了，加上临近毕业，又要忙着做毕业设计，就没再打理QQ空间。我知道现在的九零后，零零后，你们肯定没看过《一帘幽梦》，那会儿我也是疯狂追剧，喜欢上紫菱，喜欢上她的网站。想看看她的小世界，而我更想学着做一个她那样的网站。那会儿还天真的以为网上真的有她的网站，百度搜了好些天也没有。<br> <br> 要毕业的时候，要交作业了，感觉自己什么都没学会。室友拉着我们去看了她同学做的网站，我们一个个佩服得五体投地，甚至觉得太不可思议了。有难度，又怕自己不会。老师教我们怎么布局，怎么做，并没有教我们右键保存网页。不知道是谁先会了这绝技，然后我们一个个又跟打了鸡血似的，疯狂在网上找网页，右键另存为。然后一个个修改文字，图片。仿佛又回到了那会儿做Q