-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
118 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,118 @@ | ||
| Hello World | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Yinjie Xu's blog</title> | ||
| <meta charset="utf-8"> | ||
| <meta name="author" content="徐银杰"> | ||
| <meta name="discription" content="This blog imitate blog of YangQing"> | ||
| <link rel="stylesheet" type="text/css" href="css/base.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/index.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div><a href="/"><h1>Yinjie Xu's Blog</h1></a></div> | ||
| <nav> | ||
| <a href="index.html"><span>首页</span><span class="en">home</span></a> | ||
| <a href="about.html"><span>关于</span><span class="en">about</span></a> | ||
| <a href="life.html"><span>生活</span><span class="en">life</span></a> | ||
| <a href="share.html"><span>分享</span><span class="en">share</span></a> | ||
| <a href="learn.html"><span>学习</span><span class="en">learn</span></a> | ||
| <a href="saying.html"><span>留言</span><span class="en">saying</span></a> | ||
| </nav> | ||
| </header> | ||
| <article> | ||
| <div class="container"> | ||
| <div class="blog"> | ||
| <figure> | ||
| <ul> | ||
| <a href="/"><img src="images/t01.jpg"><span>sfsd</span></a> | ||
| </ul> | ||
| <p><a href="/">lsdmclsmclskdmc</a></p> | ||
| <figcaption>sldkfmslmdfsmdfmsldfmsldmflsmdlfmsldmflsmdflsmdlfmsldkfmsldkmflsdmflsmdflsmdlfmsdfmlkllmlmlmlmmlms</figcaption> | ||
| </figure> | ||
| <figure> | ||
| <ul> | ||
| <a href="/"><img src="images/t02.jpg"><span>下载个人博客模板</span></a> | ||
| </ul> | ||
| <p><a href="/">个人博客模板古典系列之――江南墨..</a></p> | ||
| <figcaption>一共是四个页面，首页，图文列表，图片列表，文字内容。此模板风格为中国古典风格，山水画墨迹成就一幅江南墨卷。页面首页设计较为简单，突出文章重点。图文列表显示...</figcaption> | ||
| </figure> | ||
| <figure> | ||
| <ul> | ||
| <a href="/"><img src="images/t03.jpg"><span>下载个人博客模板</span></a> | ||
| </ul> | ||
| <p><a href="/">美丽的茧</a></p> | ||
| <figcaption>让世界拥有它的脚步，让我保有我的茧。当溃烂已极的心灵再不想做一丝一毫的思索时，就让我静静回到我的茧内，以回忆为睡榻，以悲哀为覆被，这是我唯一的美丽。</figcaption> | ||
| </figure> | ||
|
|
||
| </div> | ||
|
|
||
| <ul class="cbp_tmtimeline"> | ||
| <li> | ||
| <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time> | ||
| <div class="cbp_tmicon"></div> | ||
| <div class="cbp_tmlabel"> | ||
| <h2>slkdflkflw</h2> | ||
| <p><span class="blogpic"><a href="/"><img src = "images/t03.jpg"></a></span>slkdmflskmdflsmdflkmsdf</p> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time> | ||
| <div class="cbp_tmicon"></div> | ||
| <div class="cbp_tmlabel"data-scroll-reveal="enter right over 1s" > | ||
| <h2>三步实现滚动条触动css动画效果</h2> | ||
| <p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p> | ||
| <a href="/" target="_blank" class="readmore">阅读全文>></a> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time> | ||
| <div class="cbp_tmicon"></div> | ||
| <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" > | ||
| <h2>三步实现滚动条触动css动画效果</h2> | ||
| <p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p> | ||
| <a href="/" target="_blank" class="readmore">阅读全文>></a> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time> | ||
| <div class="cbp_tmicon"></div> | ||
| <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" > | ||
| <h2>三步实现滚动条触动css动画效果</h2> | ||
| <p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p> | ||
| <a href="/" target="_blank" class="readmore">阅读全文>></a> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time> | ||
| <div class="cbp_tmicon"></div> | ||
| <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" > | ||
| <h2>三步实现滚动条触动css动画效果</h2> | ||
| <p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p> | ||
| <a href="/" target="_blank" class="readmore">阅读全文>></a> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time> | ||
| <div class="cbp_tmicon"></div> | ||
| <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" > | ||
| <h2>三步实现滚动条触动css动画效果</h2> | ||
| <p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p> | ||
| <a href="/" target="_blank" class="readmore">阅读全文>></a> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time> | ||
| <div class="cbp_tmicon"></div> | ||
| <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" > | ||
| <h2>三步实现滚动条触动css动画效果</h2> | ||
| <p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p> | ||
| <a href="/" target="_blank" class="readmore">阅读全文>></a> | ||
| </div> | ||
| </li>n | ||
| </ul> | ||
| </div> | ||
| </article> | ||
|
|
||
| </body> | ||
| </html> |