作业总结报告

Homework Report

Posted by zhangxx on April 20, 2024

博客主题及其选取原因

博客主要是分享项目中遇到的问题及解决方法,还有记录一些学习笔记。

在之前的学习和开发过程中,我发现其实遇到很多问题是相似甚至是完全一样的的,但是由于没有进行整理,每次还是要重复解决问题的过程,浪费大量不必要的时间和精力。如果及时整理总结,不仅能快速解决相似问题,还能加深对bug的印象,避免多次踩坑。

特别是有些问题根据环境和版本不同,有了新的变化,无法直接在网上搜索到,而需要自己进行修改整合,这个过程不进行记录很容易遗忘,写进博客还能给其他人提供参考。

博客页面布局及其设计思路

博客页面包括主页面home-展示最近博客、关于页面about-介绍个人信息、成就页面achieve-将所有博客按年划分并可以按标签查找、搜索页面-进行关键词查找。在主页和关于页面都设计了侧边栏,侧边栏是响应式布局的,当屏幕尺寸小于992px的时候,侧边栏就会移动到底部。侧边栏有推荐标签和一个小的about-me。

博客功能实现及其设技术选择

博客实现了文章列表、搜索、标签等功能。使用了 GitHub Pages + Jekyll 快速 Building Blog 的技术方案。这里选择fork了黄玄老师的博客,在此基础上进行修改。

博客制作过程中遇到的问题及其解决方法

1、尝试使用jekyll的高亮时出现错误,报告说’Tag was never closed’。使用一对```括起来的代码块表示高亮,但有很多语句放到代码块里会出错,解决方法是在出问题的代码前后增加 raw %}和 endraw %。

2、home页能正常显示侧边栏头像,但在about页头像图片显示无法找到资源。原因是这里的图片路径需要使用绝对路径,在我的项目中即从/img开始。