博主最近在开发网站过程中，看了很多其他人的网站，受到不少启发，想开发一个介绍自己的界面即：关于我
因为Typecho采用的是makedown格式的语句，不支持双列显示，因此使用拓展性更高的html语句更能实现我的目的。
首先就是需要让我们的博客支持解析html语句，这里需要安装Parsedown Plugin插件，安装完成插件以后，就可以进行下一步的html语句的编辑了。
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于我</title>
<style>
.container2 {
display: flex;
flex-wrap: wrap;
/* 允许换行 */
justify-content: space-between;
gap: 20px;
/* 设置间距 */
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.text-column {
flex: 1;
min-width: 200px;
/* 最小宽度，小于这个值会换行 */
box-sizing: border-box;
padding: 15px;
/*background-color: #f5f5f5;*/
border-radius: 5px;
}
.font-column {
font-size: 16px;
text-align: center;
background-color: skyblue;
font: 18px/1.5 "微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";
}
.B1 {
font-size: 25px;
/*text-align: center;
background-color: skyblue;*/
font: 25px/1.5 "微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";
}
@media (max-width: 768px) {
.text-column {
min-width: 100%;
/* 手机端每个占满一行 */
}
}
</style><body>
<p class="B1"> 自述 </p>
<div class="container2">
<div class="text-column">
<p>
- 高中：山东省青州市实验高级中学 <br>
- 本科：青岛农业大学 通信工程 <br>
- 硕士：重庆邮电大学 计算机技术 <br>
- 工作：某不知名医院信息科 <br>
</p>
</div>
<div class="text-column">
<p> - 状态：随遇而安，躺平青年 <br>
- 星座：双鱼座 <br>
- 籍贯：潍 坊 <br>
- 联系方式：1716074222@qq.com
</p>
</div>
</div>
<p class="B1">技能 & 爱好 </p>
<div class="container2">
<div class="text-column">
<p class="font-column"> <b>要恰饭的</b> </p>
<p>
- <b>专业解决各种网络问题疑难杂症</b> <br>
- matlab从入门到跑路 <br>
- 建站技术ing<br>
- web前端 <br>
- 五星级陪诊师
</p>
</div>
<div class="text-column">
<p class="font-column"> <b>真滴喜欢</b> </p>
<p>
- 跑步/长跑 <br>
- 单机游戏 <br>
- 游泳<br>
- 骑行<br>
</p>
</div>
</div>
<p class="B1"> 荣誉及奖励</p>
<div class="container2">
<div class="text-column">
<p>
- 授权专利一项：一种基于皮层源信号的脑电运动意图识别方法及系统（CN114428555A）<br>
- 获得青岛农业大学通信工程专业二等奖学金 <br>
- 获得重庆邮电大学通信工程专业三等奖学金 <br>
- 会议论文一篇 <br>
</p>
</div>
</div>
<p class="B1"> 其他</p>
<div class="container2">
<div class="text-column">
<p>
阿巴阿巴，学渣一名，学术混子一位！<br>
哪怕到研究生毕业也没拿得出多少像样的成果。<br>
但是我很幸运，人生前半生一帆风顺，确实也没遇到什么像样的挫折，身边的人对我都很好。<br>
挂下自己的其他平台的链接：感兴趣的兄弟可以关注下啊，
<a href="https://v.douyin.com/qk89dF8JFVc">抖音</a>
主要用来分享菜谱。<br>
<a href="https://space.bilibili.com/19874329">哔哩哔哩</a>
主要用来分享一些自己的学习经历,不过后续可能会暂停B站的更新。<br>
</p>
</div>
</div>