自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

胡新能

专注web全栈开发

  • 博客(4)
  • 收藏
  • 关注

原创 从零开始一步步带你开发自己的博客系列教程四 底部公共部分及响应式适应移动端

底部区域非常简单,只展示一些版权信息,备案信息,系统介绍而已,单纯的文字居中展示即可。新建footer.html文件 <footer> <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">赣ICP备2020014175号-1</a> <p>系统由 Vue3+Ant Design Vue + ThinkPHP5驱动</p> <p

2022-01-17 16:24:24 474

原创 从零开始一步步带你开发自己的博客系列教程三 前台页面右侧信息

上一节介绍了从零开始一步步带你开发自己的博客系列教程二 前台页面最新日志列表布局 右侧内容也是公共区域,首页、列表页、详情页都引用了右侧部分、其实整个博客页面都非常简单,公用头部、公用右侧、公用底部、加上主要区域的列表,和主要区域的详情,就完成了整个博客的基本展现,今天就带大家一起完成右侧区域和公用底部部分。 右侧区域,主要是以块形成整个区域的展示,如:博主的基本介绍,标签云、友情链接、广告展示等等。本博客只介绍博主基本介绍和友情链接,其他的内容自己根据自身的需求补充。 公共右侧部分,我们新建asi.

2022-01-17 16:22:39 261

原创 从零开始一步步带你开发自己的博客系列教程二 前台页面最新日志列表布局

前台页面最新日志列表区域布局,首页列表,栏目列表共同使用最新日志列表页面,博客采用简单明了形式,主要区域分左右两列,左侧为主要预览区域,右侧为辅助区域。

2022-01-14 13:37:02 292

原创 从零开始一步步带你开发自己的博客系列教程一 前台页面公共头部开发

今天是我的博客上线的第一天,几年前就想开发一个属于自己的独立博客,由于各种原因迟迟没有上手,经过好几个月的时间,因为有本职工作,生活琐事,开发的周期有点长,现在第一版已经上线。新功能也会后续更新,本系列教程分三个部分,第一部分为前台页面,第二部分为接口中台,后端开发提供接口,第三部分为后台管理开发,本项目为全栈开发,所有代码都是手写, 真正的手把手带你开发一个完整的项目。本人第一次写作,文笔不好,望大家海涵;好了现在进入我们的系列教程正题,开发前台页面公共头部部分;

2022-01-13 12:29:09 390

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除