从零开始的个人博客00 --html
写在前面
这个是个人博客系列按完成时间来说最早的版本,距离现在已经一年多了,只是一个静态的html网站,当时学习的过程也已经记不太清楚了,这里只能把当初写的静态网页内容放在这了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../iconfont/iconfont.css">
<title>Document</title>
</head>
<body>
<script src="../js/bk.js"></script>
<div class="header">
<div class="header-left">
<div class="meum">
<a href="javascript:;">
<i class="iconfont"></i>
</a>
</div>
<ul class="nav">
<li>
<a href="index.html">
<i class="iconfont"></i>
首页
</a>
</li>
<li>
<a href="javascript:;">
<i class="iconfont"></i>
分类
<i class="iconfont drow-i"></i>
</a>
<div class="drowlist">
<a href="none.html">c++</a>
<a href="none.html">学习笔记</a>
<a href="none.html">java</a>
<a href="none.html">前端</a>
<a href="none.html">算法</a>
<a href="none.html">java爬虫技术</a>
<a href="none.html">WindowsHook技术</a>
</div>
</li>
<li>
<a href="javascript:;">
<i class="iconfont"></i>
标签
<i class="iconfont drow-i"></i>
</a>
<div class="drowlist drowicon">
<a href="none.html">学习日记</a>
<a href="none.html">从零开始的个人博客设计</a>
<a href="none.html">从零开始的前端学习</a>
</div>
</li>
<li>
<a href="about.html">
<i class="iconfont"></i>
关于我
</a>
</li>
</ul>
</div>
<div>
<a href="">
<h1>ひかり的博客</h1>
</a>
</div>
<div class="header-right">
<div class="find-font">
<i class="iconfont"></i>
</div>
<div class="input-block">
<input type="text" placeholder="搜索(未实装)">
</div>
</div>
</div>
<div class="main">
<div class="mask">
<img src="../image/2.jpg">
<h2>hikari</h2>
</div>
<div class="text">
<div class="blog">
<div class="head">
<div class="head-left">
<h3>博客</h3>
</div>
<div class="head-right">
共
<h4>1</h4>
篇
</div>
</div>
<div class="mode">
<a href="./page_1.html"><img src="../image/4.jpg"></a>
<div class="txt">
<a href="./page_1.html"><h3>从零开始的个人博客设计:前端css/html</h3></a>
<p>
从进入大学到现在大一下学期,已经在大学生活半年多了。最近忽然在学习查资料时看到了博主阿雨隆的自建博客。(<a href="https://www.ayulong.cn/">阿雨隆博客</a>)于是产生了自己也从零开始搭建一个博客的念头,但是由于水平有限,遂从前端开始学起,最近学完了尚硅谷前端css/HTML课程,便写了一个静态版的个人博客来练手。
</p>
</div>
<div class="information">
<img src="../image/2.jpg">
<p>
<i class="iconfont"></i>
2022.4.14
</p>
</div>
<div class="box1">
<a class="type_a" href="none.html">学习笔记</a>
</div>
<div class="box2">
<div class="label">
<div class="triangle"></div>
<a href="none.html">从零开始的个人博客设计</a>
</div>
<div class="label">
<div class="triangle"></div>
<a href="none.html">学习日记</a>
</div>
</div>
</div>
<div class="mode">
<a href="./page_2.html"><img src="../image/6.jpg"></a>
<div class="txt">
<a href="./page_2.html"><h3>从零开始的个人博客设计:前端JS基础</h3></a>
<p>
距离上次写这个博客已经过去半个月了,最近学完了尚硅谷的前端JS基础,恰逢五一假期,便来升级下我的菜鸡博客,希望它会越来越好。
</p>
</div>
<div class="information">
<img src="../image/2.jpg">
<p>
<i class="iconfont"></i>
2022.5.1
</p>
</div>
<div class="box1">
<a class="type_a" href="none.html">学习笔记</a>
</div>
<div class="box2">
<div class="label">
<div class="triangle"></div>
<a href="none.html">从零开始的个人博客设计</a>
</div>
<div class="label">
<div class="triangle"></div>
<a href="none.html">学习日记</a>
</div>
</div>
</div>
<div class="mode">
<a href="./page_3.html"><img src="../image/7.jpg"></a>
<div class="txt">
<a href="./page_3.html"><h3>算法学习</h3></a>
<p>
洛谷算法:p1016旅行家的预算
</p>
</div>
<div class="information">
<img src="../image/2.jpg">
<p>
<i class="iconfont"></i>
2022.5.2
</p>
</div>
<div class="box1">
<a class="type_a" href="none.html">学习笔记</a>
<a class="type_a" href="none.html">c++</a>
<a class="type_a" href="none.html">算法</a>
</div>
<div class="box2">
<div class="label">
<div class="triangle"></div>
<a href="none.html">学习日记</a>
</div>
</div>
</div>
<div class="mode">
<a href="./page_4.html"><img src="../image/8.jpg"></a>
<div class="txt">
<a href="./page_4.html"><h3>算法学习</h3></a>
<p>
洛谷算法:p1020导弹拦截
</p>
</div>
<div class="information">
<img src="../image/2.jpg">
<p>
<i class="iconfont"></i>
2022.5.2
</p>
</div>
<div class="box1">
<a class="type_a" href="none.html">学习笔记</a>
<a class="type_a" href="none.html">c++</a>
<a class="type_a" href="none.html">算法</a>
</div>
<div class="box2">
<div class="label">
<div class="triangle"></div>
<a href="none.html">学习日记</a>
</div>
</div>
</div>
<div class="foot">
<a href="javascript:;">1</a>
<a href="javascript:;">2</a>
<a href="javascript:;">3</a>
<a href="javascript:;">4</a>
<a href="javascript:;">5</a>
<a href="javascript:;">6</a>
</div>
</div>
<div class="box">
<div class="list">
<div class="head">
<a href="none.html">
<i class="iconfont"></i>
热门文章
</a>
</div>
<div class="type-list">
<a href="page_1.html">从零开始的个人博客设计:前端/css</a>
</div>
<div class="type-list">
<a href="page_2.html">从零开始的个人博客设计:前端JS基础</a>
</div>
<div class="type-list">
<a href="page_3.html">洛谷算法:p1016旅行家的预算</a>
</div>
<div class="type-list">
<a href="page_4.html">洛谷算法:p1020导弹拦截</a>
</div>
</div>
<div class="list">
<div class="head">
<a href="none.html">
<i class="iconfont"></i>
分类
</a>
</div>
<div class="type-list">
<a href="none.html">c++</a>
</div>
<div class="type-list">
<a href="none.html">学习笔记</a>
</div>
<div class="type-list">
<a href="none.html">java爬虫技术</a>
</div>
<div class="type-list">
<a href="none.html">WindowsHook技术</a>
</div>
</div>
<div class="list">
<div class="head">
<a href="none.html">
<i class="iconfont"></i>
标签
</a>
</div>
<div class="label-list">
<div class="label">
<div class="triangle"></div>
<a href="none.html">从零开始的个人博客设计</a>
</div>
<div class="label">
<div class="triangle"></div>
<a href="none.html">从零开始的前端学习</a>
</div>
<div class="label">
<div class="triangle"></div>
<a href="none.html">学习日记</a>
</div>
</div>
</div>
<div class="list">
<div class="head">
<a href="none.html">
<i class="iconfont"></i>
最新推荐
</a>
</div>
<div class="type-list">
<a href="page_1.html">从零开始的个人博客设计:前端/css</a>
</div>
<div class="type-list">
<a href="page_2.html">从零开始的个人博客设计:前端JS基础</a>
</div>
<div class="type-list">
<a href="page_3.html">洛谷算法:p1016旅行家的预算</a>
</div>
<div class="type-list">
<a href="page_4.html">洛谷算法:p1020导弹拦截</a>
</div>
</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>
放一个index意思一下剩下的打包文件吧
博客第一版文件
说在最后
安全申明:本人才疏学浅,若有任何谬误,欢迎指正