个人网站项目 (前端搭建)

技术栈: SemanticUI + Jquery

项目目录结构

在这里插入图片描述
在这里插入图片描述
一、
admin 文件夹: 后台页面
static -> lib 文件夹 : (图书馆,依赖)按顺序分别为 集成MarkDown, prism 代码高亮显示,微信生成文章阅读 ,目录结构生成,页面滚动检测

二、
about.html 关于我页面
archives.html 文章归档页面
blog.html 网站首页
index.html 文章详情首页
tags.html 文章分类标签页
types.html 分类页

blogs.html 博客后台管理页
blogs-input.html 博客编写页

核心功能

按钮悬浮显示

关于我 页面 about.html
在这里插入图片描述
UI 模板及其Jquery 运用

赞赏按钮

博客内容页面 index.html
在这里插入图片描述
在这里插入图片描述
UI 模板及其Jquery 运用

右下悬浮窗

在这里插入图片描述
在这里插入图片描述
tocbot qrcode waypoints 的集成
UI 模板及其Jquery 运用

功能
生成目录,跳转留言,微信扫码阅读,回到顶部

评论区

在这里插入图片描述
UI 框架的直接运用
在这里插入图片描述

原文地址:https://www.cnblogs.com/lzhCreate/p/13700514.html