LStar：一个简单的网站框架

一个自己 DIY 的简单的网站框架，已开源，更新中。

基于 HTML & CSS & JS，展示地址：http://website_frame.ltx1102.com。

项目架构

一、项目语言：HTML、CSS、JS。

二、开发规划：

第一阶段（框架搭建阶段）：预计于于2022-02-20前完成所有页面框架（即静态页面，无交互）的开发。

第二阶段（数据库阶段）

第三阶段（UI 美化及整合阶段）

由于学业繁忙，本项目预计一年完成，谢谢支持！

开发日志

2022-02-05（累计242行代码）

1. 完成首页框架（homepage.html），分为左右两栏。左栏为博客文章栏，右栏为侧边工具栏。

2. 实现了自适应（响应式布局），根据设备尺寸的不同自动调整显示方式。

2022-02-06（累计327行代码）

1. 基于目前较为流行的手机/iPad/电脑的尺寸（px）修改了响应式布局的部分数据，使它在不同设备上均更加美观。

2. 修改左右栏的占比以及留白部分占比。

3. 实现首页下拉菜单功能。

2022-02-07（累计365行代码）

1. 实现了按钮功能（以及触发箭头动画特效）。

2. 修改电脑端布局。

3. 实现了 “热门文章” 栏的图文对应（即文章特色图片和文章链接相对应，一行一文）

2022-02-08（累计645行代码）

1. 完成文章页框架（article.html），可以从首页导航栏跳转至文章页。

2022-02-09（累计780行代码）

1. 完成所有按钮模式框架（button.html），可以在任何页面通过按钮跳转至其他页面。

2. 完成所有下拉菜单模式框架（dropdown.html），可以在任何页面通过下拉菜单跳转至其他页面。

2022-02-10

1. 完成了注册登录及重置密码页面的框架（静态页面，暂无数据库，无交互）。

2022-02-11/12

1. 完成第一次重构，即：将几个 html 文件中重复出现的代码分离成几个 css 文件，以便在任何 html 文件中均可直接导入并使用这些 css 样式而不必重写一遍（修改时也只需要改一个即可）。

2. 修改了页面背景（从 rbg 值改成了图片），支持自定义图片为页面背景。

2022-02-13

1. 再次细化了响应式布局，使网页无论在任何尺寸下都较为美观。