摘要:如今这个信息发达的时代，人们在注重性能的同时也越发地注重自己的交互体验，计算机技术中的前端开发越来越重要。并且人们缺少一个属于自己的空间去寻找一些志同道合的伙伴去共同进步。对于这种情况，开发出一个属于自己的社交空间，让对于喜欢前端开发或者对前端开发有兴趣的人能在一起互相交流，并且个人博主也可以在这里进行学习记录，促进学习动力，提高个人水平，就十分有意义了。

鉴于此，本文阐述了基于HTML5的个人博客系统开发技术及相关内容。系统为B/S模式下基于各种浏览器的Web应用程序。通过使用github以及jekyll作为发布网页静态文件的仓库， “多说”的接口作为动态交流工具，再加上基本的HTML、CSS、JavaScript作为主体，完成了该博客系统的开发。系统包括首页、文章模块、demo模块、技能图谱模块以及about模块。博主可使用其进行发表文章、删除文章等相关操作，游客浏览者可以完成观看文章、demo、发表评论或者下载代码等，并且提供一个区域方便大家进行技术交流。

关键词：博客；浏览器/服务器；github；jekyll

目录

摘要

Abstract

1 绪论-1

1.1 系统开发背景-1

1.2 系统开发目标-1

1.3论文结构-2

2 系统分析-3

2.1 系统可行性分析-3

2.1.1 技术可行性-3

2.1.2 经济可行性-3

2.1.3 用户操作可行性-3

2.2 需求分析-3

2.2.1参与者及相关用例-3

2.2.2用例文本-5

2.2.3主要用例活动图-8

3 系统设计与实现-15

3.1 系统开发环境-15

3.2 系统模块划分-15

3.3 系统首页-16

3.4 文章模块-17

3.4.1 文章模块概述-17

3.4.2 文章模块设计与实现-17

3.5 demo模块-19

3.5.1 demo模块概述-19

3.5.2 demo模块设计与实现-19

3.6 技能图谱模块-20

3.6.1 技能图谱模块概述-20

3.6.2 技能图谱设计与实现-20

3.7 about模块-21

3.7.1 about模块概述-21

3.7.2 about模块设计与实现-21

3.8 数据存储-21

4 系统测试-23

4.1 测试目的-23

4.2 测试内容-23

4.2.1 主要测试用例-23

4.2.2 BUG列表-24

结    论-25

参 考 文 献-26

致    谢-27