blog_template
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="冯叶青,冯叶青个人博客,web前端"/>
    <meta name="description" content="一个web前端正在追逐梦想的人,冯叶青,冯叶青个人博客"/>
    <link rel="icon" href="images/logo.ico"/>
    <title>冯叶青 - 一个web前端正在追逐梦想的人</title>
    <link rel="stylesheet" href="css/base.css">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->
    <style>
    </style>
</head>
<body>
    <header>
        <nav class="mainnav">
           <a href="javascript:bar.showMenu()" class="menu"></a>
            <div class="logo">
                <img class="rotates" src="images/rotate.png" alt="">
            </div>
            <ul id="subnav">
                <li style="left:0;" id="active"><a style="color:#497285" href="index.html">首页</a></li>
                <li><a href="index/about.html">关于我</a></li>
                <li><a href="index/news.html">慢生活</a></li>
                <li><a href="index/newstalk.html">岁言碎语</a></li>
                <li><a href="index/jstt.html">学无止尽</a></li>
                <li><a href="index/msgboard.html">留言板</a></li>
                <span class="navbar" id="navbar"></span>
            </ul>
        </nav>
    </header>
    <div class="banner banner_index">
        <section class="box_index obox">
            <div class="texts">
                <ul>
                    <li>我们不停的翻弄着回忆</li>
                    <li>却再也找不回那时的自己</li>
                    <li>红尘一梦，不再追寻</li>
                </ul>
            </div>
            <div class="avatar">
                <a href="index/about.html">关于我</a>
            </div>
        </section>
    </div>
    <article>
           <div class="current"><i></i> 你当前的位子：
               <a href="index.html">首页</a>
           </div>
        <div class="bloglist left">
            <h2 class="title_tj"><p>文章<span>推荐</span></p><div class="line"></div></h2>
            <div class="newslist">
                <h3><a href="index/content.html">【匆匆那些年】总结个人博客经历的这四年…</a></h3>
            <figure>
                <div class="box"><img src="images/mood1.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补</p>
                <a class="btn" href="index/content.html">阅读全文>></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-01-20</span><span class="auther"><i></i>作者：冯叶青</span><span class="tag">个人博客：[<a class="n1" href="index/content.html">心得笔记</a>]</span></p>
            </div>
            <div class="newslist">
                <h3><a href="index/content.html">分享我的个人博客访问量如何做到IP从10到600的(图文)</a></h3>
            <figure>
                <div class="box"><img src="images/mood2.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">我的个人博客总共展示了三个版本，界面也经历了由“简单”到“复杂”再到“简单”，颜色从“色泽单一”到“五彩斑斓”再到“局部点缀”的过程。原来一年一个版本！而每次改版的契机都是被百度惩罚！界面不要频繁更换！好好检查代码，有没有冗余、结构有没有不合理的地方。</p>
                <a class="btn" href="index/content.html">阅读全文 >></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-02-20</span><span class="auther"><i></i>作者：冯叶青</span><span class="tag">个人博客：[<a class="n1" href="">心得笔记</a>]</span></p>
            </div>
            <div class="newslist">
                <h3><a href="index/content.html">帝国cms常用标签调用方法总结（不得不收藏哦）</a></h3>
            <figure>
                <div class="box"><img src="images/mood3.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">整理了一些常用的帝国cms调用，灵动标签和万能标签的调用方法举例。幻灯片、标题、一级栏目、二级栏目、带模版的友情链接（下拉菜单）、判断内容页字段为空时是如何调用的等等...新手可以借鉴学习</p>
                <a class="btn" href="index/content.html">阅读全文>></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-03-20</span><span class="auther"><i></i>作者：冯叶青</span><span>个人博客：[<a class="n1" href="">心得笔记</a>]</span></p>
            </div>
            <div class="newslist">
                <h3><a href="index/content.html">我的个人博客之——阿里云空间选择</a></h3>
            <figure>
                <div class="box"><img src="images/mood4.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">之前服务器放在电信机房， 联通用户访问速度很不稳定，经常出现访问速度慢的问题，换到阿里云解决了之前的问题。很多人都问我的博客选得什么空间，一年的费用得多少钱，今天我列个表出来，供大家参考</p>
                <a class="btn" href="index/content.html">阅读全文>></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-04-20</span><span class="auther"><i></i>作者：冯叶青</span><span>个人博客：[<a class="n1" href="">心得笔记</a>]</span></p>
            </div>
            <div class="newslist">
                <h3><a href="index/content.html">如果要学习web前端开发，需要学习什么？</a></h3>
            <figure>
                <div class="box"><img src="images/mood5.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">遇到很多新手，都会问，如果要学习web前端开发，需要学习什么？难不难？多久能入门？怎么能快速建一个网站？工资能拿到多少？还有些让我推荐一些培训机构什么的要去学习。我建议是自学，实在是觉得自己没有这个能力，确实是需要一个老师的话，那你还是自己做主找个老师吧</p>
                <a class="btn" href="index/content.html">阅读全文>></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-05-20</span><span class="auther"><i></i>作者：冯叶青</span><span>个人博客：[<a class="n1" href="">心得笔记</a>]</span></p>
            </div>
            <div class="newslist">
                <h3><a href="index/content.html">IP要突破2000+了</a></h3>
            <figure>
                <div class="box"><img src="images/mood6.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">很久都没有更新网站了，现在得空看了下网站怎么样了，没有想到，百度权重4,PR3,访问IP也在上升，一年的时间没有更新，看来一次性做好一个网站很有必要，这回一劳永逸了</p>
                <a class="btn" href="index/content.html">阅读全文>></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-06-20</span><span class="auther"><i></i>作者：冯叶青</span><span>个人博客：[<a class="n1" href="">心得笔记</a>]</span></p>
            </div>
            <div class="newslist">
                <h3><a href="index/content.html">即便是坑，我也想要拉你入伙！</a></h3>
            <figure>
                <div class="box"><img src="images/mood7.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话</p>
                <a class="btn" href="index/content.html">阅读全文>></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-05-20</span><span class="auther"><i></i>作者：冯叶青</span><span>个人博客：[<a class="n1" href="">心得笔记</a>]</span></p>
            </div>
            <div class="newslist">
                <h3><a href="index/content.html">女程序员职业生涯该如何发展？</a></h3>
            <figure>
                <div class="box"><img src="images/mood8.jpg" alt=""></div>
            </figure>
            <ul>
                <p class="outline">不知道自己以后还能不能继续干这一行，结婚不到一年，也许某天开始会离开一两年，当再回来工作的时候，不知道是否能有单位再愿意聘请我，或者说自己能否再胜任这工作，因为这计算机编程专业发展的速度也相当快...三天不学都会落后，更何况是一年甚至更久..</p>
                <a class="btn" href="index/content.html">阅读全文>></a>
            </ul>
            <p class="dataview"><span class="time"><i></i>2016-08-20</span><span class="auther"><i></i>作者：冯叶青</span><span>个人博客：[<a class="n1" href="">心得笔记</a>]</span></p>
            </div>

        </div>
        <aside class="right">
            <div class="newest">
                <dl>
                    <dt><i></i><span>最新</span>文章</dt>
                        <dd><a href="">·IP要突破2000+了</a></dd>
                        <dd><a href="">·帝国cms首页、自定义页面如何实现分页</a></dd>
                        <dd><a href="">·【已评选】给我模板PSD源文件，我给你设计</a></dd>
                        <dd><a href="">·【郑重申明】本站只提供静态模板下载！</a></dd>
                        <dd><a href="">·【孕期日记】生活本该如此</a></dd>
                        <dd><a href="">·【匆匆那些年】总结个人博客经历的这四</a></dd>
                        <dd><a href="">·2014年度优秀个人博客排名公布</a></dd>
                        <dd><a href="">·2014年度优秀个人博客评选活动</a></dd>
                        <dd><a href="">·使用CSS3制作文字、图片倒影</a></dd>
                        <dd><a href="">·【分享】css3侧边栏导航不同方向划出效果</a></dd>
                        <dd><a href="">·分享我的个人博客访问量如何做到IP从10到600的(图文)</a></dd>
                        <dd><a href="">·帝国cms常用标签调用方法总结（不得不收藏</a></dd>
                </dl>
            </div>
            <div class="rank">
                <dl>
                    <dt><i></i><span>最热</span>文章</dt>
                        <dd><a class="r1" href="">·IP要突破2000+了</a></dd>
                        <dd><a class="r1" href="">·帝国cms首页、自定义页面如何实现分页</a></dd>
                        <dd><a class="r1" href="">·【已评选】给我模板PSD源文件，我给你设计</a></dd>
                        <dd><a href="">·【郑重申明】本站只提供静态模板下载！</a></dd>
                        <dd><a href="">·【孕期日记】生活本该如此</a></dd>
                        <dd><a href="">·【匆匆那些年】总结个人博客经历的这四</a></dd>
                        <dd><a href="">·2014年度优秀个人博客排名公布</a></dd>
                        <dd><a href="">·2014年度优秀个人博客评选活动</a></dd>
                        <dd><a href="">·使用CSS3制作文字、图片倒影</a></dd>
                        <dd><a href="">·【分享】css3侧边栏导航不同方向划出效果</a></dd>
                        <dd><a href="">·分享我的个人博客访问量如何做到IP从10到600的(图文)</a></dd>
                        <dd><a href="">·帝国cms常用标签调用方法总结（不得不收藏</a></dd>
                </dl>
            </div>
        </aside>
    </article>
    <footer>
        <div class="box">
            <dl class="links">
                <dt><i></i>友情链接</dt>
                    <dd><a href="">冯叶青的博客</a></dd>
                    <dd><a href="">杨青的博客</a></dd>
                    <dd><a href="">马云的博客</a></dd>
                    <dd><a href="">李彦宏的博客</a></dd>
                    <dd><a href="">马化腾的博客</a></dd>
            </dl>
            <dl class="visitor">
                <dt><i></i>最近访客</dt>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
                <dd><a href=""></a></dd>
            </dl>

        </div>
        <p>Design by DanceSmile 蜀ICP备11002373号-1</p>
    </footer>
<script src="js/base.js"></script>
<script>
    var a=document.getElementsByClassName('right')[0].getElementsByTagName('a');
    for(var i=0;i<a.length;i++){
        a[i].href="index/content.html";
    }
</script>
</body>
</html>