这是一个基于HTML5、CSS、JavaScript的静态网页博客,项目完成时间为2020年。该项目是网页前端设计课程大学作业,只完成了很基础的几个网页和功能。该项目遵循GPL开源协议,可进行二次开发。
This is a static web blog based on HTML5, CSS, JavaScript, and the project was completed in 2020. This project is a university assignment for a web front-end design course, which only completes a few basic web pages and functions. The project follows the GPL protocol and can be developed for secondary purposes.
运行环境: Chromium 99.0及以上,FireFox 116.0.3及以上,推荐显示分辨率 1920*1080。推荐项目编辑工具为VS Code或HBuilderX。
Operating environment: Chromium 99.0 and above, FireFox 116.0.3 and above, recommended display resolution 1920 * 1080. The recommended project editing tool is VS Code or HBuilderX.
以下为极昼镜像个人博客项目预览:
The following is a preview of the Polar-Day-Image Blog:
光标移至网页中部箭头处自动展开为“进入博客”按钮。
The cursor will automatically expand to the "Enter Blog" button when moved to the arrow in the middle of the webpage.
首页分为导航栏、轮播图、置顶文章、文章流以及插件卡片。
The homepage is divided into navigation bar, rotation chart, top article, article flow, and plugin card.
导航栏分为主页、艺术家(文章、摄影、绘画、播客)、开发者(算法与数据结构、搭建网站、数据库、信息系统项目开发、机器学习)、玩家、页面(欢迎页、错误页)以及关于。
The navigation bar is divided into homepage, ARTIST (Essay, Photo, Draw, Podcast), DEVELOPER(Algorithm and Data Structure, Website Building, Database, Information System Project Development, Machine Learning), GAMER, PAGES (Welcome page, Error page), and ABOUT ME.
二级子页面包含各种分类内容。
The second page contains various classified content.
文章结尾处可进行评论。
Comments can be made at the end of the article.
文章内可插入流媒体。
Streaming media can be inserted into the article.
由于采用静态页面仅有前端设计没有后端代码,故这个项目已经被放弃。目前此项目唯一的作用可能就是未来搭建我的个人博客时提供视觉参考。项目中使用的都是很简单很基础的方法,但我很喜欢当时用积木拼出高楼外壳的感觉。谨以此项目献于我的第一堂前端设计启蒙课。😽
Due to the use of static pages with only front-end design and no back-end code, this project has been abandoned. The only purpose of this project at present may be to provide visual references for building my personal blog in the future. The methods used in the project were all very simple and basic, but I really liked the feeling of using building blocks to piece together the shell of a tall building at that time. I would like to dedicate this project to my first front-end design enlightenment class. 😽