2021-6-7：开发小而美的博客（详情页）

最新推荐文章于 2021-07-02 12:18:48 发布
最新推荐文章于 2021-07-02 12:18:48 发布
阅读量118 收藏
点赞数 1
分类专栏： Spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lydialhf/article/details/117647708
版权

开发小而美的博客（详情页）

文章目录

1、添加归档

在导航栏添加归档
在这里插入图片描述

2、首页添加背景图片

把图片添加进images文件里

在这里插入图片描述

在CSS文件中添加背景图
在这里插入图片描述
效果图
在这里插入图片描述

3、增加透明度

在这里插入图片描述
在这里插入图片描述

4、详情页

首先复制index.html文件，命名为blog.html
在这里插入图片描述

把中间内容清除，其他内容不用换

4.1、文章头部

首先写文章头部，作者信息，可以直接从首页里面复制过来
在这里插入图片描述

4.2、文章内容

在这里插入图片描述

4.2.1、标签

在这里插入图片描述

4.2.2、赞赏

在这里插入图片描述

4.2.3、二维码

在这里插入图片描述

4.3、博客文章信息

在这里插入图片描述

4.4、留言区域

在这里插入图片描述

4.5、CSS文件代码

在这里插入图片描述

4.6、效果展示

在这里插入图片描述

小芙子☞
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
xmljava系统源码-light-blog:一个小而美的个人博客，基于SpringBoot开发
06-06
Boot开发小而美的个人博客 安装运行 clone 项目,加载 maven。 还原数据库，导入 sql 文件夹下的 light-blog.sql 文件。 运行，大功告成。 frontend-design 文件夹下为原型设计图及设计好的原始 HTML 文件，需要自取...
开发博客文章详情页
贼贼接的博客
11-07 391
声明：此Django分类下的教程是追梦人物所有，本人写在此只是为了巩固复习使用 首页展示的是所有文章的列表，当用户看到感兴趣的文章时，他点击文章的标题或者继续阅读的按钮，应该跳转到文章的详情页面来阅读文章的详细内容。现在让我们来开发博客的详情页面，有了前面的基础，开发流程都是一样的了：首先配置 URL，即把相关的 URL 和视图函数绑定在一起，然后实现视图函数，编写模板并让视图函数渲染模板。 设计...
20210224-国信证券-VESYNC-2148.HK-深度报告：“小而美”的跨境出海小家电新贵.pdf
06-20
20210224-国信证券-VESYNC-2148.HK-深度报告：“小而美”的跨境出海小家电新贵.pdf
VESYNC-2148.HK-深度报告：“小而美”的跨境出海小家电新贵.rar
09-09
【标题】：“VESYNC-2148.HK-深度报告”揭示了“小而美”的跨境出海小家电新贵——VESYNC公司的独特优势和发展策略。这份报告深入剖析了这家公司如何在竞争激烈的国际市场中脱颖而出，成为消费者信赖的小家电品牌。 ...
2021.08.23-半导体设备行业系列研究十八-CMP：半导体设备领域“小而美”，国产装备崛起-广发证券-30页.pdf
最新发布
09-11
电子产业
修改StudentInfo项目输出学生信息
Lydialhf的博客
04-28 837
修改StudentInfo项目输出学生信息
2021-4-19：基于XML配置方式搭建SSM框架实现用户登录
Lydialhf的博客
04-19 657
基于XML配置方式搭建SSM框架实现用户登录 创建Maven项目 - SSMLogin 在pom.xml文件里添加相关依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="h
2021-5-26：使用Thymeleaf配置国际化页面
Lydialhf的博客
05-26 590
使用Thymeleaf配置国际化页面 将上一讲ThymeleafDemo项目的内容拷贝到新项目里 在resources下创建i18n目录 在i18n目录里创建login.properties 在i18n目录里创建login_zh_CN.properties 在i18n目录里创建login_en_US.properties 编写全局配置文件 定制区域信息解析器 package net.lhf.lesson10.resolver; import org.springframework.co
2021-6-27：开发小而美的博客（前端首页展示）
Lydialhf的博客
06-27 546
2021-6-27：开发小而美的博客（前端首页展示） 文章目录2021-6-27：开发小而美的博客（前端首页展示）1、优化Blog.java代码 1、优化Blog.java代码 package net.lhf.po; import javax.persistence.*; import java.util.ArrayList; import java.util.Date; import java.util.List; /** * 功能： * 作者：李红芙 * 日期：2021年6月23日 */
2021-5-7：Spring Boot多环境配置
Lydialhf的博客
05-07 494
Spring Boot多环境配置
2021-5-10：Spring Boot整合MyBatis
Lydialhf的博客
05-10 487
Spring Boot整合MyBatis
2021-6-28：开发小而美的博客（博客详情评论功能）
Lydialhf的博客
06-28 386
2021-6-28：开发小而美的博客（博客详情评论功能） 文章目录2021-6-28：开发小而美的博客（博客详情评论功能） 评论功能： 1. 评论信息提交与回复功能 2. 评论信息列表展示功能 3. 管理员回复评论功能 ...
2021-7-02：开发小而美的博客（实训总结）
Lydialhf的博客
07-02 290
实训总结 这次项目实训是开发小而美的博客，这项目和上学期的有点不同，上个学期我们写的音乐播放器项目，是老师带着我们坐着开始几个项目，最后几个的时候才让我们自己写的，这学期是老师发了一个其他老师做的项目，里面有视频，他让我们跟着视频边学习边做。虽然是视频学习编写项目，但是在老师的引导和启发下，我们巩固了之前在学校所学的编程知识，并加以深化，澄清了之前对编程技认识的一些错误或模糊的概念。 经过几周的Java实训，感触很深，收获也很大，对自己的缺点也有了很多的认识，回首本学期JA学习，重点还是在学习概念等一些
2021-5-19:Thymeleaf模板引擎
Lydialhf的博客
05-19 282
Thymeleaf模板引擎
2021-6-28：开发小而美的博客（博客详情）
Lydialhf的博客
06-28 246
2021-6-28：开发小而美的博客（博客详情） 文章目录2021-6-28：开发小而美的博客（博客详情） 首页展示 1. 博客列表 2. top分类 3. top标签 4. 最新博客推荐 5. 博客详情
2021-5-7：课堂练习：在Web页面显示学生配置信息
Lydialhf的博客
05-07 243
在Web页面显示学生配置信息 1、创建控制器ConfigDemo01Controller
2021-6-27：开发小而美的博客（博客编辑）
Lydialhf的博客
06-27 236
2021-6-27：开发小而美的博客（博客编辑） 文章目录2021-6-27：开发小而美的博客（博客编辑） 博客管理 1. 博客分页查询 2. 博客新增 3. 博客修改 4. 博客删除
2021-4-21:Spring Boot 课后作业
Lydialhf的博客
04-21 233
课后作业 任务：创建Spring Boot项目输出学生信息 创建Spring Boot项目StudentInfo 查看它给我们配置的pom.xml文件 创建控制器StudentInfoController package net.lhf.lesson01.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapp
2021-6-22：开发小而美的博客（后台登录）
Lydialhf的博客
06-22 227
2021-6-22：开发小而美的博客（后台管理） 文章目录2021-6-22：开发小而美的博客（后台管理） 后台管理 登录 1. 构建登录页面和后台管理首页 2. UserService和UserRepositiory 3. LoginController实现登录 4. MD5加密 5. 登录拦截器 ...
RT-Thread AI总监解读：嵌入式AI开发对RTOS的挑战与选择
RT-Thread，作为一个国内自主开发的小而美的物联网操作系统，自2006年成立以来，经历了多个发展阶段，从最初的0.1.0内核版本到2018年的4.0版本，不断优化和完善，以适应快速增长的嵌入式AI应用开发需求。 RT-Thread...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值