Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added zengjiayi/Blog/images/about.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/author.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/collect.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/home.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/homepage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/item_icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/profile2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/pwd.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added zengjiayi/Blog/images/user.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
182 changes: 182 additions & 0 deletions zengjiayi/Blog/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" href="style_index.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<link href="https://fonts.font.im/css?family=Indie+Flower" rel="stylesheet">
</head>
<body>
<a href="#" name="top"></a>
<div id="header">
<h1>Welcome to ZJY's World</h1>
<!-- 以下为header同一行的导航栏 -->

<div class="navi">
<ul>
<li>
<img src="./images/about.png" id="about">
<a href = "" id="about" >关于</a>
</li>
<li>
<img src="./images/collect.png" id="about">
<a href = "" id="collect">收藏</a>
</li>
<li>
<img src="./images/home.png" id="about">
<a href = "" id="home">首页</a>
</li>
</ul>
</div>
</div>

<div class="homepage-wapper">
<img src="./images/homepage.png" id="page_background" width="100%">
<img src="./images/profile2.png" id="profile">
<h1>JiaYi Zeng</h1>
<p>Hope you enjoy yourself here!</p>
</div>

<div id="wrapper">
<!-- 以下为博客主题部分 -->
<div class="main">
<div class="item">
<div class="item_img">
<img src="./images/profile2.png" id="profile">
</div>

<div class="item_content">
<h2>前端学习笔记(1)</h2>
<a href="#" name="article1"></a>
<p class="item_info">作者:zjy 发表于:2021年7月11号</p>
<p class="item_desc">测试内容测试内容测试内容测试内容测试文字测<br>
测试文字测试文字测试文字测试文字测试文字测试文字</p>
</div>
</div>

<div class="item">
<div class="item_img">
<img src="./images/profile2.png" id="profile">
</div>

<div class="item_content">
<h2>前端学习笔记(2)</h2>
<a href="#" name="article2"></a>
<p class="item_info">作者:zjy 发表于:2021年7月11号</p>
<p class="item_desc">测试内容测试内容测试内容测试内容测试文字测<br>
测试文字测试文字测试文字测试文字测试文字测试文字</p>
</div>
</div>

<div class="item">
<div class="item_img">
<img src="./images/profile2.png" id="profile">
</div>

<div class="item_content">
<h2>前端学习笔记(3)</h2>
<a href="#" name="article3"></a>
<p class="item_info">作者:zjy 发表于:2021年7月11号</p>
<p class="item_desc">测试内容测试内容测试内容测试内容测试文字测<br>
测试文字测试文字测试文字测试文字测试文字测试文字</p>
</div>
</div>

<div class="item">
<div class="item_img">
<img src="./images/profile2.png" id="profile">
</div>

<div class="item_content">
<h2>前端学习笔记(4)</h2>
<a href="#" name="article4"></a>
<p class="item_info">作者:zjy 发表于:2021年7月11号</p>
<p class="item_desc">测试内容测试内容测试内容测试内容测试文字测<br>
测试文字测试文字测试文字测试文字测试文字测试文字</p>
</div>
</div>

<div class="item">
<div class="item_img">
<img src="./images/profile2.png" id="profile">
</div>

<div class="item_content">
<h2>前端学习笔记(5)</h2>
<a href="#" name="article5"></a>
<p class="item_info">作者:zjy 发表于:2021年7月11号</p>
<p class="item_desc">测试内容测试内容测试内容测试内容测试文字测<br>
测试文字测试文字测试文字测试文字测试文字测试文字</p>
</div>
</div>

<div class="item">
<div class="item_img">
<img src="./images/profile2.png" id="profile">
</div>

<div class="item_content">
<h2>前端学习笔记(6)</h2>
<a href="#" name="article6"></a>
<p class="item_info">作者:zjy 发表于:2021年7月11号</p>
<p class="item_desc">测试内容测试内容测试内容测试内容测试文字测<br>
测试文字测试文字测试文字测试文字测试文字测试文字</p>
</div>
</div>
</div>
<!-- 以下为博主侧边介绍 -->
<div class="side">
<div class="author_info">
<div class="author_img">
<img src="./images/author.png" alt="Testing Demo project pic">
</div>
<div class="author_desc">
<h4>Jiayi Zeng</h4>
<p>第一个DIY主页~<br>
希望暑假过后许老师能收留我呀</p>
</div>
</div>
<div class="top_article">
<h4>推荐文章</h4>
<ul>
<li><a href = "#article1" ></a>前端学习笔记(1)</li>
<li><a href = "#article2" ></a>前端学习笔记(2)</li>
<li><a href = "#article3" ></a>前端学习笔记(3)</li>
<li><a href = "#article4" ></a>前端学习笔记(4)</li>
<li><a href = "#article5" ></a>前端学习笔记(5)</li>
</ul>
</div>
<div class="site-info">
<p>访客:666</p>
<p>文章:666篇</p>
</div>
</div>

<div class="side_nav">
<div class="go_to_top">
<a href="#top">回到顶部</a>
</div>


<div class="article_navi">
<ul>
<li><a href = "#article1" >前端学习笔记(1)</a></li>
<li><a href = "#article2" >前端学习笔记(2)</a></li>
<li><a href = "#article3" >前端学习笔记(3)</a></li>
<li><a href = "#article4" >前端学习笔记(4)</a></li>
<li><a href = "#article5" >前端学习笔记(5)</a></li>
<li><a href = "#article6" >前端学习笔记(6)</a></li>
</ul>
</div>

<div class="line"></div>
<div class="go_to_bottom">
<a href="#bottom">转到底部</a>
</div>
</div>
</div>

<a href="#" name="bottom"></a>
</body>
</html>
35 changes: 35 additions & 0 deletions zengjiayi/Blog/login.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" href="style.css">
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" charset="utf-8"></script> -->
</head>
<body>
<form action="login.html" class="login-form">
<h1>LOGIN</h1>

<div class="txtb">
<input type="text" placeholder="Username" /> <!--单行文本输入框-->
<!-- <span data-placeholder="Username"></span> -->
</div>

<div class="txtb">
<input type="password" placeholder="Password" /> <!--单行文本输入框-->
<!-- <span data-placeholder="Password"></span> -->
</div>

<div class="logbtn">
<!-- <input type="submit" value="Login"/> 登录按钮 -->
<input type="button" value="Login" onclick="javascrtpt:window.location.href='index.html'"/> <!--登录按钮,点击跳转页面-->
</div>


<div class="bottom-text">
Don't have account?<a href="#"> Sign up</a>
</div>

</form>
</body>
</html>
Loading