2024 春季学期第一次作业（4.22提交）

[wj23027]

• 作业内容：选择一个感兴趣或擅长的主题来制作一个静态网页博客，比如个人介绍、爱好分享、技术总结等。

• 作业要求：

  • 设计至少四个页面来展示博客内容，不限于首页、关于我、文章列表、文章详情等。
  • 博客排版清晰、内容合理，代码整洁优雅，可读性强。
  • 附上自己对本次作业的总结及反思，包括但不限于以下内容：（可以放在博客中）
  • 博客主题及其选取原因
  • 博客页面布局及其设计思路
  • 博客功能实现及其技术选择
  • 博客制作过程中遇到的问题及其解决方法

• 本次作业将按照以下几个维度对总结报告和网站内容评分：

  • 技术汇报：评价学生利用了哪些技术或工具来实现博客功能，是否能够正常运行和并且足够了解相关技术。
  • 内容丰富度：评价学生设计了什么样的页面结构来展示博客内容，并且是否有达到足够四个页面的内容。
  • 博客主题：评价学生选择了什么样的主题来展示自己的兴趣或专长，并且是否能够吸引读者关注，博客页面中存在实质性内容即可通过。

• 截止时间：本次作业将于4月8日开始，持续两周，请大家在截止日期（4月22日）上课之前完成并提交作业。

• 提交方式：在此 issue 下给出学号、姓名以及博客仓库链接、博客主页链接、总结报告，例如：

12345678 张三 仓库链接： 主页链接： 总结报告：

[wj23027]

静态网页博客介绍

静态网页博客是一种不需要后端服务器和数据库支持的网站，只需要使用HTML、CSS和JavaScript等前端技术就可以实现。静态网页博客有很多优点，比如速度快、安全稳定、易于维护等。 可能用到的技术以及概念：

• GitHub Pages
  • GitHub Pages 是 GitHub 提供的一项静态网站托管服务，允许用户将他们的静态网页项目直接托管在 GitHub 上。
  • 用户可以使用 GitHub 提供的域名（例如 yourusername.github.io）或者绑定自己的域名来访问他们的网站。
  • GitHub Pages 支持 HTML、CSS、JavaScript 等前端技术，并且与 GitHub 仓库无缝集成，使得更新网站内容变得十分方便。
  • GitHub Pages 也支持使用 Jekyll 和 Hexo 等静态网站生成器。这些生成器可以帮助用户更轻松地管理网站内容，提供了模板、主题、插件等功能，使得网站的构建和维护更加简单高效。
• SSG框架
  • 一种常用的框架是 Jekyll ，它是一个Ruby编写的、快速、简洁且高效的静态网站生成引擎，它使用一个模板目录作为网站布局的基础框架，支持 Markdown、Textile 等标记语言的解析，提供了模板、变量、插件等功能，最终生成一个完整的静态 Web 站点。你可以在 GitHub Pages 上直接使用 Jekyll 来搭建博客，并且选择不同的主题来美化你的博客界面。
  • 另一种常用的框架是 Hexo，它也是一个快速、简洁且高效的静态网站生成引擎，它使用 Node.js 编写，并且提供了丰富的插件和主题来扩展和定制你的博客功能和外观。你可以在本地使用 Hexo 来编写和预览你的博客内容，并且通过简单的命令就能将生成的网页上传到 GitHub Pages 上。
  • 如果你想要更多选择或灵感，你可以参考以下链接中收集或推荐了一些基于 GitHub Pages 的各类开源项目模板 ，比如程序员个性化简历、程序员酷炫博客等等。这些模板都有相应的项目地址和预览地址，你可以根据自己喜欢或需要来选择或修改。Static Site Generators - Top Open Source SSGs | Jamstack
• Git
  • 分布式版本控制系统，用于管理你的代码和文件。你需要使用 Git 将你的静态网页上传到 GitHub 上，同步到 GitHub Pages。
• Markdown
  • Markdown 语法的官方规范可以在 ruanyf/document-style-guide: 中文技术文档的写作规范 (github.com) 查看，其中包含了基本语法和扩展语法的说明和示例。
  • 检查 Markdown 的源代码是否规范排版正确，有以下几种方法：
    • 使用在线工具，如 Markdownlint，可以直接在网页上输入或粘贴 Markdown 源代码，然后查看是否有错误或警告提示，并按照建议进行修改。
    • 使用 VSCode 插件，如 Markdown All in One和 Markdownlin，可以在 VSCode 编辑器中实时检查和预览 Markdown 源代码，并提供一键修复的功能。
• Frontmatter
  • Frontmatter 是一种在 Markdown 文件中添加元数据的方法，它由三条虚线包围的有效的 YAML、JSON 或 TOML 格式的内容组成。
  • 在静态博客中，Frontmatter 可以用来指定一些页面的配置选项，例如标题、描述、布局、语言、标签、分类等。这些选项可以影响页面的生成和展示方式，也可以被其他组件或插件访问和使用。

[wj23027]

● 一些主题网站： ○ Hexo ○ Jekyll ○ Hugo

[GuoTeng-ECNU]

51265903053 郭腾 仓库链接：https://github.com/GuoTeng-ECNU/GuoTeng-ECNU.github.io 主页链接：https://guoteng-ecnu.github.io/ 总结报告：https://guoteng-ecnu.github.io/2024/04/10/blog-report/

[MarigWeizhi]

51265903083 周伟 仓库链接：https://github.com/MarigWeizhi/marigweizhi.github.io 主页链接：https://marigweizhi.github.io/ 总结报告：https://marigweizhi.github.io/2024/04/10/init-VBlob/

[WelJunyu]

51265903076 韦俊宇 仓库链接：https://github.com/WelJunyu/blog 主页链接：https://weijunyu-blog.vercel.app/ 总结报告：https://weijunyu-blog.vercel.app/blog-report

[Tenth-crew]

51265903045 游明东 仓库链接：https://github.com/Tenth-crew/Tenth-crew.github.io 主页链接：https://tenth-crew.github.io/ 总结报告：https://tenth-crew.github.io/2024/04/11/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E6%8A%A5%E5%91%8A/

[PureNatural]

52275903008 韩凡宇 仓库链接：https://github.com/PureNatural/PureNatural.github.io 主页链接：https://purenatural.github.io/ 总结报告：https://purenatural.github.io/2024/04/12/hugo-share/

[HalloMelon]

51265903088 赵思嘉 仓库链接：https://github.com/HalloMelon/myblog 主页链接：https://hallomelon.github.io/myblog/ 总结报告：https://hallomelon.github.io/myblog/thoughts/

[dbbDylan]

51265903105 丁永亮 仓库链接：https://github.com/TommySoya/TommySoya.github.io 主页链接：https://tommysoya.github.io/ 总结报告：https://tommysoya.github.io/2024/04/12/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E6%80%BB%E7%BB%93%E6%8A%A5%E5%91%8A/

[Thrrreeee]

51265903112 施瑾睿 仓库链接: https://github.com/Thrrreeee/Thrrreeee.github.io 主页链接: https://thrrreeee.github.io/ 总结报告: 个人博客搭建流程

[wouldmm]

51265903110 梅杰源 仓库链接: https://github.com/wouldmm/wouldmm.github.io 主页链接: https://wouldmm.github.io/ 总结报告: https://wouldmm.github.io/posts/2024/04/blog-post-1/

[yangxinyu7427]

51265903066 杨新宇 仓库链接：https://github.com/yangxinyu7427/yangxinyu7427.github.io 主页链接：https://yangxinyu7427.github.io/ 总结报告：https://yangxinyu7427.github.io/2024/04/15/%E4%BD%BF%E7%94%A8Hexo%E6%A1%86%E6%9E%B6-butterfly%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/

[zhangjiarui530]

51265903059 张嘉睿 仓库链接 主页链接 总结报告

[smog1995]

51265903003 马洋涛 仓库链接：https://github.com/smog1995/smog1995.github.io 主页链接：https://smog1995.github.io/ 总结报告：https://smog1995.github.io/2024/04/15/blog-summry/

[mksyk]

51265903090 崔仁静 仓库链接：https://github.com/mksyk/mksyk.github.io 主页链接：https://mksyk.github.io/ 总结报告：https://mksyk.github.io/2024/04/15/report.html

[zzz-ovo]

5126590307 郑中正 仓库链接：https://github.com/zzz-ovo/zzz-ovo.github.io 主页链接：https://zzz-ovo.github.io/ 总结报告：https://zzz-ovo.github.io/2024/04/15/%E6%80%BB%E7%BB%93/

[elegaa]

51265903077 侯婷 仓库链接：https://github.com/elegaa/elegaa.github.io 主页链接：https://elegaa.github.io/ 总结报告：https://elegaa.github.io/posts/tutorial/

[JiaheZhi]

51265903104 支家和 仓库链接：https://github.com/JiaheZhi/JiaheZhi.github.io 主页链接：https://jiahezhi.github.io/ 总结报告：https://jiahezhi.github.io/2024/04/16/%E7%AC%AC%E4%B8%80%E6%AC%A1%E4%BD%9C%E4%B8%9A%E6%80%BB%E7%BB%93%E6%8A%A5%E5%91%8A/

[xyjsophie]

51265903111 夏益君 仓库链接：https://github.com/xyjsophie/xyjsophie.github.io 主页链接：https://xyjsophie.github.io/ 总结报告：https://xyjsophie.github.io/2024/04/16/hexo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/

[399617]

51265903081 刁圆员 仓库链接：https://github.com/399617/399617.github.io 主页链接：https://399617.github.io/ 总结报告：https://399617.github.io/2024/04/15/hexo/

[woyaochimangguo]

51265903024 童文平 仓库链接：https://github.com/woyaochimangguo/woyaochimangguo.github.io 主页链接：https://woyaochimangguo.github.io/ 总结报告：https://woyaochimangguo.github.io/2024/04/16/new-theme-h2o.html

[ECNU-51265903094]

51265903094 毕其功 仓库链接：ECNU-51265903094.github.io 主页链接：https://ecnu-51265903094.github.io/ 总结报告：https://ecnu-51265903094.github.io/2024/04/10/2/

[yanghy233]

51265903065 杨洪宇 仓库链接：https://github.com/yanghy233/yanghy233.github.io 主页链接：https://yanghy233.github.io/ 总结报告：https://yanghy233.github.io/2024/04/16/hexo-fluid-build/

[iamSmallY]

51265904096 杨贇 仓库链接：iamSmally.github.io 主页链接：https://blog.smallyy.cn/ 总结报告：https://blog.smallyy.cn/2024/04/16/report/#more

[AnKate]

51265903097 赵奕轲 仓库链接：https://github.com/AnKate/AnKate.github.io 主页链接：https://ankate.github.io 总结报告：静态网页博客搭建总结报告

[beyond-mountains]

51265903092 曹品善 仓库链接：https://github.com/beyond-mountains/beyond-mountains.github.io 主页链接：https://beyond-mountains.github.io/ 总结报告：https://beyond-mountains.github.io/posts/Summary/

[Imamtss]

51265903038 臧志阳 仓库链接：https://github.com/Imamtss/Imamtss.github.io 主页链接：https://imamtss.github.io/ 总结报告：https://imamtss.github.io/2024/04/17/3/

[hzshou]

51265903113 寿泓柘 仓库链接：https://github.com/hzshou/hzshou.github.io 主页链接：https://hzshou.github.io/ 总结报告：https://hzshou.github.io/2024/04/09/%E5%88%9B%E5%BB%BA%E6%84%9F%E6%82%9F/

[MrH233]

51265903102 黄小鹏 仓库链接：https://github.com/MrH233/MrH233.github.io 主页链接：https://MrH233.github.io 总结报告：https://mrh233.github.io/2024/04/15/%E5%8D%9A%E5%AE%A2%E4%BD%9C%E4%B8%9A%E6%A6%82%E8%BF%B0/

[wuhongyyyy]

51265903068 吴泓宇 仓库链接：https://github.com/wuhongyyyy/wuhongyyyy.github.io 主页链接：https://wuhongyyyy.github.io/ 总结报告：https://wuhongyyyy.github.io/2024/04/16/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E7%BB%8F%E9%AA%8C/

[taketaketakeru]

51265903117 张滕雪 仓库链接：https://github.com/taketaketakeru/taketaketakeru.github.io 主页链接：https://taketaketakeru.github.io/ 总结报告：https://taketaketakeru.github.io/posts/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E5%8F%8A%E6%80%BB%E7%BB%93/

[Jankeeeeee]

51265903116 朱奕帆 仓库链接：https://github.com/Jankeeeeee/Jankeeeeee.github.io 主页链接：https://jankeeeeee.github.io/ 总结报告：https://jankeeeeee.github.io/2024/04/18/%E5%8D%9A%E5%AE%A2%E6%80%BB%E7%BB%93%E6%8A%A5%E5%91%8A/

[huangfan0]

51265903093 黄帆 仓库链接：https://github.com/huangfan0/huangfan0.github.io 主页链接：https://huangfan0.github.io/ 总结报告：https://huangfan0.github.io/2024/03/25/build_blog/

[maitekakaxi]

51265903069 樊亦文 仓库链接： https://github.com/maitekakaxi/maitekakaxi.github.io 主页链接： https://maitekakaxi.github.io/ 总结报告： https://maitekakaxi.github.io/2024/04/18/final-report/#more

[Ouroboros5664]

51265903013 徐涵钰 仓库链接：https://github.com/Ouroboros5664/ouroboros5664.github.io 主页链接：https://ouroboros5664.github.io/ 总结报告：https://ouroboros5664.github.io/2024/04/18/report1/

[Arthur-Boyle]

51265903091 冉又玮 仓库链接：https://github.com/Arthur-Boyle/Arthur-Boyle.github.io 主页链接：https://arthur-boyle.github.io/ 总结报告：https://arthur-boyle.github.io/2024/04/22/%E5%8D%9A%E5%AE%A2%E7%BD%91%E7%AB%99%E6%90%AD%E5%BB%BA%E6%8C%87%E5%8D%97/

[ZhmYe]

51265903020 叶哲名 仓库链接：https://github.com/ZhmYe/zhmye.github.io 主页链接：https://zhmye.github.io/ 总结报告：https://zhmye.github.io/2024/04/19/report/

[DaiYoyo2]

51265903033 戴文同 仓库链接：https://github.com/DaiYoyo2/zuoye 主页链接：https://daiyoyo2.github.io/zuoye/ 总结报告：https://daiyoyo2.github.io/zuoye/post/bo-ke-bao-gao/

[JasonXQH]

51265903073 徐啟航 仓库链接：https://github.com/JasonXQH/JasonXQH.github.io 主页链接：https://jasonxqh.github.io/ 总结报告：https://github.com/JasonXQH/JasonXQH.github.io/blob/master/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%8A%A5%E5%91%8A.pdf

[pry666]

51265903030 庞瑞洋 仓库链接：https://github.com/pry666/pry666.github.io 主页链接：https://pry666.github.io/ 总结报告：https://pry666.github.io/report/

[zadwa]

51265903078 吉刘骏 仓库链接：https://github.com/zadwa/zadwa.github.io.git 主页链接：https://zadwa.github.io/ 总结报告：https://github.com/zadwa/zadwa.github.io/blob/main/thought

[fzzf09]

51265903056 王方正 仓库链接：https://github.com/fzzf09/fzzf09.github.io 主页链接：https://fzzf09.github.io/ 总结报告：https://fzzf09.github.io/2024/04/12/report/

[YeexiaoZheng]

51265903021 郑逸潇 仓库链接：https://github.com/YeexiaoZheng/yeexiaozheng.github.io 主页链接：https://yeexiaozheng.github.io 总结报告：https://yeexiaozheng.github.io/2024/04/19/experiment-report/

[kdai-910hr]

51265903074 甄逸飞 仓库链接：https://github.com/kdai-910hr/kdai-910hr.github.io 主页链接：https://kdai-910hr.github.io/ 总结报告：https://kdai-910hr.github.io/2024/04/20/24-4-19P/

[goodperfection]

51265903106 洪小清 仓库链接：https://github.com/goodperfection/goodperfection.github.io 主页链接：https://goodperfection.github.io 总结报告：https://goodperfection.github.io/2024/04/19/report/

[ChloeWenyiZhang]

51265903051 张雯怡 仓库链接：https://github.com/ChloeWenyiZhang/ChloeWenyiZhang.github.io 主页链接：https://chloewenyizhang.github.io/ 总结报告：https://chloewenyizhang.github.io/2024/04/20/Hexo-GitHub-Pages-%E5%8D%9A%E5%AE%A2%E4%BD%9C%E4%B8%9A%E6%8A%A5%E5%91%8A/

[lilian-r]

51265903012 任丽伊 仓库链接：https://github.com/lilian-r/lilian-r.github.io 主页链接：https://lilian-r.github.io/ 总结报告：https://lilian-r.github.io/2024/04/19/report/

[lzws]

51265903098 李志文 仓库链接：https://github.com/lzws/lzws.github.io 主页链接：https://lzws.github.io/ 总结报告：https://lzws.github.io/blog_share/

[xrhics]

52275903016 徐榕荟 仓库链接：https://github.com/xrhics/xrhics.github.io 主页链接：https://xrhics.github.io/ 总结报告：https://xrhics.github.io/2024/04/20/%E5%8D%9A%E5%AE%A2%E5%AE%9E%E7%8E%B0%E6%80%BB%E7%BB%93/

[MaYangrui6]

51265903041 麻瑞阳 仓库链接：https://github.com/MaYangrui6/MaYangrui6.github.io.git 主页链接：https://mayangrui6.github.io/ 总结报告：https://mayangrui6.github.io/2024/04/20/share/