Advertisement

blog: 使用 Vitepress 和 Vue3 构建的博客,具备 Gitalk 评论、暗黑模式及局部打印功能

  • 5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
这是一款使用Vitepress和Vue3技术构建的现代化博客平台,集成了Gitalk评论系统、暗黑模式切换以及独特的局部打印功能。 2021年1月3日:项目概述 基于「VitePress」搭建的极简博客现已完成: - 渲染文章列表 - 使用Vue 3 - 文章目录 - 按时间轴归档文章 2021年12月31日更新: - Gitalk评论功能已添加 2020年1月5日 更新: - 实现了文章列表分页 2021年1月16日 更新: - 添加了文章图片放大功能 - 支持切换黑暗模式 - 准备开发局部打印和文章上下页效果预览

全部评论 (0)

还没有任何评论哟~
客服
客服
  • blog: 使 Vitepress Vue3 Gitalk
    优质
    这是一款使用Vitepress和Vue3技术构建的现代化博客平台,集成了Gitalk评论系统、暗黑模式切换以及独特的局部打印功能。 2021年1月3日:项目概述 基于「VitePress」搭建的极简博客现已完成: - 渲染文章列表 - 使用Vue 3 - 文章目录 - 按时间轴归档文章 2021年12月31日更新: - Gitalk评论功能已添加 2020年1月5日 更新: - 实现了文章列表分页 2021年1月16日 更新: - 添加了文章图片放大功能 - 支持切换黑暗模式 - 准备开发局部打印和文章上下页效果预览
  • Servlet+JSP+MVC系统(Blog
    优质
    本项目为采用Servlet、JSP及MVC设计模式开发的一个博客系统(Blog),旨在提供用户友好的界面与高效的后台管理。 【Servlet+JSP+MVC模式博客Blog】项目是一个基于Java Web技术的博客系统实现,主要利用了Servlet、JSP以及MVC(Model-View-Controller)设计模式。在这个项目中,Servlet作为控制器处理用户的请求,JSP作为视图展示数据,而模型层则负责业务逻辑和数据操作。 1. **Servlet**:在Java EE中用于扩展服务器功能的Java类称为Servlet。它可以接收并响应HTTP请求,在本项目中充当核心控制角色,接收客户端发送的HTTP请求、处理请求中的数据,并调用相应的业务逻辑后将结果转发给JSP页面进行显示。 2. **JSP(JavaServer Pages)**:这是一种动态网页技术,允许开发者在HTML代码中嵌入Java脚本来生成动态内容。在这个项目里,MVC模式下使用JSP作为展示层,根据Servlet传递的数据生成用户可见的页面。 3. **MVC设计模式**:即模型-视图-控制器模式是一种软件架构范式,在创建UI时尤其有用。在本博客系统中,Model负责处理数据和业务逻辑;View则用于显示信息;Controller接收用户的输入并调用相应的操作来更新或查询数据库中的内容。项目里通常使用Servlet作为控制器,JSP充当视图角色,而模型层可能由独立的Java类或者DAO(Data Access Object)组成。 4. **SQL Server**:微软提供的关系型数据库管理系统用于存储和管理博客系统数据如文章、用户信息及评论等,并通过连接池与应用程序进行通信实现增删改查操作。 5. **Web应用结构**:项目可能包括几个主要部分,例如web.xml配置文件(位于WEB-INF目录下)、Java源代码(存放于src目录中)以及JSP页面和其他静态资源如CSS、JavaScript文件等。 6. **请求处理流程**:用户通过浏览器发送HTTP请求到服务器后,Servlet将拦截并根据类型调用相应的业务方法完成登录验证、发表文章等功能。接着Servlet会把结果和必要的数据传递给JSP生成动态HTML返回给客户端展示。 7. **会话管理**:为了保持用户的访问状态,项目可能会使用session技术,在用户成功登陆时设置特定的属性以标识其身份,并确保后续请求的安全性。 8. **安全性**:由于这是一个公开博客系统,因此需要考虑安全措施来防止SQL注入、XSS攻击等威胁。此外还需对用户输入进行验证和过滤以保障系统的稳定性与可靠性。 9. **部署与运行**:项目完成后需打包成WAR文件并上传至支持Java EE的Web服务器如Tomcat或Jetty上,并配置好数据库连接信息之后启动即可使用。 此博客系统为初学者提供了学习Java Web开发、MVC模式和数据库操作的实际案例,同时也适合有经验的技术人员参考其架构与实现方式。通过深入分析并实践本项目可以更好地理解Web应用的工作机制及开发流程。
  • Django-Bona-Blog标准Django程序
    优质
    Django-Bona-Blog是一款基于Django框架开发的标准博客应用,集成了文章发布、评论互动和用户管理等核心功能。 Django-bona-博客是一个具备标准博客平台功能的开源Django应用,类似于Medium和Real Python这样的网站。它包含了一系列的标准特性,并且作为一个独立项目存在,可以从其GitHub仓库中获取。 该应用程序具有以下特点: 1. 作者仪表板:提供了一个所见即所得编辑器以及账户验证、登录和密码重置等功能。 2. 客户端API支持:可以提交新类别并列出分类文章列表。 3. 相关文章推荐功能,用户可以在评论中分享社交媒体链接,并查看每篇文章的阅读时间、字数及观看次数等统计数据。 技术方面: - 使用Python 3.6版本开发 - 拥有90%以上的测试覆盖率 - 支持响应式设计以适应各种设备屏幕尺寸 干净且易于维护的代码结构确保了应用的良好性能。
  • Blog: 使Node、Express、MongooseEJS个人-源码
    优质
    本个人博客采用Node.js、Express框架及Mongoose进行开发,并使用EJS模板引擎渲染页面。该项目展示了如何从零开始搭建一个功能完善的个人网站,包含文章管理、用户评论等模块,适用于技术分享和个人展示。欢迎下载源码学习交流。 本项目使用了blognode + express + mongoose + ejs 进行后端渲染,并实现了文章的增删改查功能。管理页面需要登录才能操作。 项目的目录结构如下: - routes:封装分发路由。 - static:存放静态资源文件。 - temup:图片临时上传存储目录。 - uploads:保存用户上传的图片,会根据类别、年份创建子文件夹,并生成小图放在small 文件夹内。 - utils:包含一些公共方法等工具类。 - views:视图界面。 为了启动项目,请确保已安装Node.js和MongoDB并开启数据库服务。然后进入项目目录执行以下命令: ``` npm install node app ```
  • 使Vue-CLI独立项目
    优质
    本项目利用Vue-CLI搭建,特别设计了支持多个可独立运行与维护的模块结构,并实现每个模块的单独打包机制,适用于大型复杂应用开发。 在开发系统A的过程中,如果能够将功能模块划分成多个静态资源包,并且最终的成果物包含多个独立运行的子目录,每个子目录可以完成特定业务功能的话,则任何需要这些已开发过的模块的新系统都可以直接打包指定的模块进行灵活组装。这种做法的优点包括: 1. 可与其他系统灵活组装。 2. 各个模块相互独立,不受框架和开发模式限制。 3. 不同的模块能够分别部署。 4. 减少后期维护的风险,并能持续稳定地进行维护。 然而,这种方法也存在一些缺点: 1. 如果各个模块拥有各自独立的资源包,则相同的资源将无法复用。 2. 模块组装需要依赖iframe技术,因此在浏览器安全设置和cookie共享等问题上需要单独处理。 3. 使用iframe封装组件时,部分功能可能受到限制。
  • JSP-Blog: 采JSPServlet个人系统
    优质
    简介:JSP-Blog是一款利用Java服务器页面(JSP)和Servlet技术开发的个人博客平台,为用户提供了一个简便而功能丰富的网站搭建解决方案。 jsp-blog 是一个使用 JSP 和 Servlet 技术实现的个人博客系统。该系统采用了以下技术栈:Jsp/Servlet、jQuery、Bootstrap、MySQL、Ajax 和 Markdown。 前台功能包括: - 查看文章列表 - 查看文章详情 - 关于我页面 - 联系我页面 后台管理部分提供了如下功能: - 登录(包含验证码) - 写文章(支持Markdown格式) - 修改和删除已发表的文章 - 对分类进行增删改查操作,实现两层分类效果预览
  • anarbb-blog: 一个使Flask Python简易个人
    优质
    Anarbb-Blog 是基于 Flask 框架开发的一个简洁高效的个人博客网站。利用Python语言的强大功能,为用户打造了一个可以自由发表和分享文章的空间。 阿纳布博客是一个简单的个人博客项目,在我学习 Python 的第五个月制作完成的。这是一个开源项目,您可以随意分叉并根据需要编辑任何代码,只需按照 LICENSE 文件中的规定保持其开放源码状态即可。 演示管理员登录信息如下: - 邮箱:(此处省略具体邮箱地址) - 密码:CpJpQ69eYNFBAzK 开发设置 安装所需库: ``` pip install -r requirements.txt ``` 运行应用: ``` python3.9 app.py ``` 计划功能: 1. 更好的写博客文章方法。 2. 简单的第一次运行安装。 发布历史: - 0.0.5:添加了评论部分(上帝这是痛苦的原因,人们只是要一遍又一遍地评论阴茎) - 0.0.4:添加了管理面板 - 0.0.3:清理代码和改进文件夹结构 - 0.0.2:增加了用户面板以更改密码及电子邮件;支持管理员删除创建的博客文章。修改了代码结构,现在它在蓝图中而不是一个文件中。 - 0.0.1:初始版本
  • 仿新浪留言
    优质
    本项目旨在复刻新浪微博博客页面下的留言与评论互动模块,采用现代化前端技术实现用户友好且交互性强的网页应用。 该功能已完全实现,仿照新浪博客的评论系统设计,并支持1楼到N楼的无限循环、表情显示及分页与评分功能。此外还具备头像展示功能,使用简便。项目所需的CSS文件以及SQL文件均已包含在内,导入数据库即可直接使用。我个人认为这个项目的质量与其分数相符。
  • JavaWeb简单个人Blog Cat
    优质
    Blog Cat是一款基于JavaWeb技术搭建的简易个人博客系统,旨在为用户提供一个便捷、高效的平台来分享和管理自己的文章与想法。 一个基于JavaWeb的个人博客系统,前台使用了Bootstrap和其他JS插件进行开发,后台则采用Maven管理SSM框架搭建。用户可以通过访问 /blog-web/index.jsp 访问前端界面,通过 /blog-web/admin.jsp 进入后端管理页面。
  • Scaler7 Blog: 使SpringBoot、MyBatis-PlusShiro前后端集成个人
    优质
    Scaler7 Blog是一款采用SpringBoot框架搭建,并结合MyBatis-Plus与Shiro技术实现安全认证的高效能个人博客系统,兼具前端用户体验与后端开发效率。 博客1.0版本已上线。我希望我的博客前台页面简洁明了,hexo模板非常符合我的审美需求。然而,我也希望后台管理系统由我自己来开发控制。因此,在这套博客系统中,我只使用了hexo的前端模板设计,并自行构建了后端管理部分。 代码完全开源且持续更新维护;博主不接受扫码赞助,请大家用实际行动支持一下项目吧——给它点个星标! 账号:user 密码:123 技术栈: - 后台语言:Java - 核心框架:Spring Boot - 持久层框架:MyBatis Plus - 缓存系统:Redis - 安全与权限管理:Shiro - 分页插件:PageHelper - Markdown解析库: Commonmark 前端博客模板: - CSS框架:Bootstrap - JS框架:jQuery - 弹窗插件:SweetAlert - 第三方文件上传工具:Dropzone - 文件服务器提供商: 七牛云(新注册用户可免费使用,体验良好) 功能页面如下: - 博客首页 - 归档页 - 标签页 - 标签详情页