一、项目创建操作步骤: 1.使用WebStorm创建一个项目-Blog: 2、在static文件目录下创建三个文件夹【image】、【css】、【js】 3、创建首页-index.html 4、css文件内容如下: 二、首页-index.html,编写内容: 1、编写导航部分,以及连接css文件、云端资源链接等。 导航部分查看结果: 2、编写中间内容: 中间部分结果展示: 3、中间内容的内容分类等专栏的设计: 右边内容分类展示: 3、编写footer部分: 低端结果展示: 四、创建博文详情页面-blog.html: 结果展示: