目录
- 初步搭建
- 优化
-
- 页脚固定
初步搭建 【前端|Github搭建个人网站（学习前端，记录个人博客）】这是我做的：
文章图片
文章图片
访问网页可看： https://chenshunpeng.github.io/（仓库地址：here）
借鉴自（会动的主页，感觉很nice）：https://yk-liu.github.io/（仓库地址：here）
首先创建仓库（新手可看：here，不难的）
b站有命令操作git的，我是用desktop操作的（命令操作的视频可看：github快速使用教程）
之后按自己风格设计即可
在这里贴一个
index.html：---
layout: home
---
我和这个网站
石家庄铁道大学大三本科生，计算机科学与技术专业，你可以在
here
看到我这个网站的源码（当然，这个网站架构借鉴自一个博士生），我希望通过这个网站分享我的学习生活，
欢迎你提出任何建议，亦或是发表评论。
最新文章
{% for post in site.posts limit:3 %}
{{ post.date | date_to_string }} {{ post.title }}
{% include status-indicator.html status=post.status%}
{% if post.description %}
- {{ post.description | markdownify }}
{% endif %}
{% endfor %}
... Full Posts List
Upcoming Posts (edit me at /index.html )
- 待定...
推荐一个学习前端的网站：
https://www.w3school.com.cn/
里面有很多实例，可以使用他们的编辑器来编辑 HTML，点击测试按钮来查看结果：
文章图片
优化 页脚固定 搭好的博客在页面较短时就会出现问题，即页脚不能像我们期望中那样“紧贴”在视口的最底部，而是紧跟在内容的下方，这时在
footer.css添加如下代码即可（具体可看：页脚固定在底部之flex布局）body {
display: flex;
flex-flow: column;
min-height: 100vh;
}
div { flex: 1;
}
推荐阅读
- 面试|rabbitmq详解
- 面试|Spring的事务传播机制
- 面试|MySql统计函数COUNT详解
- html|swagger2 使用教程
- springboot|一个SpringBoot单体项目--》外卖平台项目之后台管理端基础功能开发
- 腾讯|腾讯员工每天在岗不足 8 小时被辞（背后原因可能不止你看到的这些）
- 重学前端|重学前端-面向对象
- 重学前端|重学前端——事件循环
- js|小程序和h5通信