日期作业
const WEEKMAP={
0:'星期天',
1:'星期-',
2:'星期二',
3:'星期三',
4:'星期四',
5:'星期五',
6:'星期六',
}
function showtime() {
var d=new Date()
var year=d.getFullYear()
var month=d.getMonth()+1
var day=d.getDate()
var hour=d.getHours()
var minute=d.getMinutes()
var week=d.getDay()
var week=WEEKMAP[week]
return `${year}-${month}-${day} ${hour}:${minute} ${week}`
}
showtime()
个人博客
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="bike.css">
</head>
<body>
<div class="blog_left">
<div class="blog_avatar">
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1558574827,1079036278&fm=26&gp=0.jpg" alt="" title="点尼玛">
</div>
<div class="blog_title">
<p>闪电侠阿峰的博客</p>
</div>
<div class="blog_info">
<p>我知道我帅，所以我保持沉默</p>
</div>
<div class="blog_link">
<ul>
<li><a href="">关于我</a></li>
<li><a href="">微博</a></li>
<li><a href="">微信公众号</a></li>
</ul>
</div>
<div class="blog_tag">
<ul>
<li><a href="">#python</a></li>
<li><a href="">#java</a></li>
<li><a href="">#golang</a></li>
</ul>
</div>
</div>
<divc class="blog_right">
<div class="article_list">
<div class="article_title">
<span class="title">雨后小故事</span>
<span class="date">2019/11/16</span>
</div>
<div class="article_content">
<p>雨后小故事内容简介</p>
</div>
<div class="article_bottom">
<span>#Python </span>
<span>#JavaScript</span>
</div>
</div>
<div class="article_list">
<div class="article_title">
<span class="title">骑自行车小故事</span>
<span class="date">2019/11/16</span>
</div>
<div class="article_content">
<p>骑自行车小故事内容简介</p>
</div>
<div class="article_bottom">
<span>#Python </span>
<span>#JavaScript</span>
</div>
</div>
<div class="article_list">
<div class="article_title">
<span class="title">家教小故事</span>
<span class="date">2019/11/16</span>
</div>
<div class="article_content">
<p>家教小故事内容简介</p>
</div>
<div class="article_bottom">
<span>#Python </span>
<span>#JavaScript</span>
</div>
</div>
<div class="article_list">
<div class="article_title">
<span class="title">凌晨小故事</span>
<span class="date">2019/11/16</span>
</div>
<div class="article_content">
<p>凌晨小故事内容简介</p>
</div>
<div class="article_bottom">
<span>#Python </span>
<span>#JavaScript</span>
</div>
</div>
<div class="article_list">
<div class="article_title">
<span class="title">放学后小故事</span>
<span class="date">2019/11/16</span>
</div>
<div class="article_content">
<p>放学后小故事内容简介</p>
</div>
<div class="article_bottom">
<span>#Python </span>
<span>#JavaScript</span>
</div>
</div>
<div class="article_list">
<div class="article_title">
<span class="title">厕所小故事</span>
<span class="date">2019/11/16</span>
</div>
<div class="article_content">
<p>厕所小故事内容简介</p>
</div>
<div class="article_bottom">
<span>#Python </span>
<span>#JavaScript</span>
</div>
</div>
</divc>
</body>
</html>
/*通用样式*/
body {
margin: 0;
background-color: #eeeeee;
}
a {
text-decoration: none;
}
ul {
list-style-type: none;
padding-left: 0px;
}
/*左侧样式*/
.blog_left {
float: left;
20%;
height: 100%;
background-color: aqua;
position: fixed;
top: 0;
left: 0;
}
.blog_avatar {
border: #ebebf5 3px solid;
height: 150px;
150px;
border-radius: 50%;
margin: 20px auto;
overflow: hidden;
/*background: url("111.jpg") no-repeat center center;*/
/*background: url("111.jpg") ;*/
}
.blog_avatar img {
100%;
height: 100%;
}
.blog_title,.blog_info {
font-size: 13px;
color: #960f99;
text-align: center;
}
.blog_link a:hover,.blog_tag a:hover {
color: #1c9912;
}
.blog_link ul,.blog_tag ul {
text-align: center;
margin: 80px 0;
}
/*右侧样式*/
.blog_right {
float: right;
80%;
height: 100%;
}
.article_list {
background-color: white;
margin:20px 40px 20px 10px;
box-shadow: 5px 5px 5px rgba(64,12,153,1);
}
.article_title {
border-left: #960f99 3px solid;
}
.article_title .title {
font-size: 26px;
margin-left: 18px;
}
.article_title .date {
float: right;
margin: 15px;
}
.article_content p {
text-indent: 25px;
}
.article_content {
border-bottom: chartreuse 1px solid;
}
.article_bottom {
padding: 10px 20px 10px 20px;
}