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

最新推荐文章于 2021-07-02 12:18:48 发布
最新推荐文章于 2021-07-02 12:18:48 发布
阅读量142 收藏
点赞数 1
分类专栏： Spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/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、效果展示

在这里插入图片描述

开发博客文章详情页
贼贼接的博客
11-07 439
声明：此Django分类下的教程是追梦人物所有，本人写在此只是为了巩固复习使用 首页展示的是所有文章的列表，当用户看到感兴趣的文章时，他点击文章的标题或者继续阅读的按钮，应该跳转到文章的详情页面来阅读文章的详细内容。现在让我们来开发博客的详情页面，有了前面的基础，开发流程都是一样的了：首先配置 URL，即把相关的 URL 和视图函数绑定在一起，然后实现视图函数，编写模板并让视图函数渲染模板。 设计...
2021-6-9：开发小而美的博客（博客详情页美化）
Lydialhf的博客
06-16 212
2021434
2021-6-7：开发小而美的博客（分类页）
Lydialhf的博客
06-07 136
2021-6-7：开发小而美的博客（分类页） 文章目录2021-6-7：开发小而美的博客（分类页）
Spring boot开发小而美的个人博客-页面集成插件-博客详情页2
M_1725046289的博客
06-16 190
页面集成插件-博客详情页2 下载插件 https://animate.style/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { a
Spring boot开发小而美的个人博客
Review_recall的博客
06-22 324
1、功能 2、页面设计与开发 2.1设计 前端展示：首页、详情页、分类、标签、归档、关于我 后台管理：模板页 2.2页面开发 创建blog 在blog里创建static文件夹，在static里面创建css、images、js文件夹 创建index.html文件 页面头部加底部 创建me.css文件 加入图标样式 加入搜索框 编写底部内容 底部css 页面中间内容 左边博客列表 右边的top 手机端 css body{ background: url("../image
视频教程-Spring Boot开发小而美的个人博客-Java
weixin_30230547的博客
05-28 327
Spring Boot开发小而美的个人博客 国内上市大型医疗软件公司产品研发...
Spring boot开发小而美的个人博客-页面集成插件-博客详情页1
M_1725046289的博客
06-16 278
页面集成插件-博客详情页1 https://github.com/sofish/typo.css 导入到 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>博客详情</titl
Spring Boot开发小而美的个人博客-李仁密-专题视频课程
01叔的博客
10-30 6650
该套课程为精心打造的Spring Boot项目实战视频课程，我会带你从零开始，一步一步的完成一个小而美的个人博客产品，通过学习能让你掌握完整的全栈开发套路，开发前端UI的小套路，还会get到很多小技能哦..........
Spring Boot开发小而美的个人博客
狂奔的蜗牛的博客
03-01 5661
Spring Boot开发小而美的个人博客 作者：李仁密 个人博客功能： 技术组合： 后端：Spring Boot + JPA + thymeleaf模板 数据库：MySQL 前端UI：Semantic UI框架 工具与环境： IDEA Maven 3 JDK 8 Axure RP 8 课程内容模块： 需求分析与功能规划 页面设计与开发 技术框架搭建 后端管理功能实现 前端管理功能...
SpringBoot开发小而美的博客学习笔记02（博客详情页面）
LALisafans的博客
06-10 165
SpringBoot小而美
开发小而美的个人博客之页面开发
erwaplus的博客
07-02 789
一、技术准备 前端：HTML、CSS、JS、Thymeleaf、Semantic UI 工具：WebStorm 二、前端展示 1、首页 ①首页效果展示 ②首页代码展示 导航栏部分 <nav th:replace="_fragments :: menu(1)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small" > <div class="ui container"> <d
修改StudentInfo项目输出学生信息
Lydialhf的博客
04-28 905
修改StudentInfo项目输出学生信息
2021-4-19：基于XML配置方式搭建SSM框架实现用户登录
Lydialhf的博客
04-19 718
基于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 664
使用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 622
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 522
Spring Boot多环境配置
2021-5-10：Spring Boot整合MyBatis
Lydialhf的博客
05-10 504
Spring Boot整合MyBatis
2021-6-28：开发小而美的博客（博客详情评论功能）
Lydialhf的博客
06-28 433
2021-6-28：开发小而美的博客（博客详情评论功能） 文章目录2021-6-28：开发小而美的博客（博客详情评论功能） 评论功能： 1. 评论信息提交与回复功能 2. 评论信息列表展示功能 3. 管理员回复评论功能 ...
2021-7-02：开发小而美的博客（实训总结）
Lydialhf的博客
07-02 345
实训总结 这次项目实训是开发小而美的博客，这项目和上学期的有点不同，上个学期我们写的音乐播放器项目，是老师带着我们坐着开始几个项目，最后几个的时候才让我们自己写的，这学期是老师发了一个其他老师做的项目，里面有视频，他让我们跟着视频边学习边做。虽然是视频学习编写项目，但是在老师的引导和启发下，我们巩固了之前在学校所学的编程知识，并加以深化，澄清了之前对编程技认识的一些错误或模糊的概念。 经过几周的Java实训，感触很深，收获也很大，对自己的缺点也有了很多的认识，回首本学期JA学习，重点还是在学习概念等一些
一个小而美的个人博客
最新发布
01-06
为了创建一个既简洁又美观的个人博客，可以考虑以下几个方面的方法： 选择合适的平台 挑选适合自己的博客托管服务非常重要。对于初学者来说，WordPress.com, Blogger等提供了简单易用的服务；而对于有一定编程技能的人来说，可以选择像Hexo或者Jekyll这样的静态网站生成器。 确定主题风格 确保博客有一个统一的主题颜色和字体样式，这有助于建立独特的视觉识别度。可以从网上寻找免费或付费的专业模板来简化这个过程，并调整细节以匹配个人品味。 优化内容布局 保持页面结构清晰明了，使访问者能够轻松找到所需的信息。通常首页应该展示最新文章列表，同时设置导航栏链接至不同分类下的更多帖子。 提高加载速度性能 减少图片大小、压缩CSS/JavaScript文件以及启用浏览器缓存等功能都可以有效提升网页响应效率。此外还可以借助CDN加速全球范围内的资源获取。 注重SEO友好型设计 合理运用HTML标签（例如H1用于主标题），保证URL简短直观并且含有关键词，这些做法有利于搜索引擎更好地抓取索引你的站点从而增加曝光率。 维护互动交流空间 评论区是连接作者与读者的重要桥梁之一，在这里鼓励积极健康的讨论氛围将会吸引更多忠实粉丝群体加入进来分享观点想法。 定期更新优质原创作品 持续产出有价值的文章内容才是吸引并留住访客的关键所在。坚持写作不仅锻炼了自己的能力也逐渐积累起一批稳定的受众群落。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值