![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
从零开始一步步带你开发自己的博客
文章平均质量分 55
胡新能
专注于前端开发,专注web全栈开发
展开
-
从零开始一步步带你开发自己的博客系列教程四 底部公共部分及响应式适应移动端
底部区域非常简单,只展示一些版权信息,备案信息,系统介绍而已,单纯的文字居中展示即可。新建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 · 475 阅读 · 0 评论 -
从零开始一步步带你开发自己的博客系列教程三 前台页面右侧信息
上一节介绍了从零开始一步步带你开发自己的博客系列教程二 前台页面最新日志列表布局右侧内容也是公共区域,首页、列表页、详情页都引用了右侧部分、其实整个博客页面都非常简单,公用头部、公用右侧、公用底部、加上主要区域的列表,和主要区域的详情,就完成了整个博客的基本展现,今天就带大家一起完成右侧区域和公用底部部分。右侧区域,主要是以块形成整个区域的展示,如:博主的基本介绍,标签云、友情链接、广告展示等等。本博客只介绍博主基本介绍和友情链接,其他的内容自己根据自身的需求补充。公共右侧部分,我们新建asi.原创 2022-01-17 16:22:39 · 264 阅读 · 0 评论 -
从零开始一步步带你开发自己的博客系列教程二 前台页面最新日志列表布局
前台页面最新日志列表区域布局,首页列表,栏目列表共同使用最新日志列表页面,博客采用简单明了形式,主要区域分左右两列,左侧为主要预览区域,右侧为辅助区域。原创 2022-01-14 13:37:02 · 295 阅读 · 0 评论 -
从零开始一步步带你开发自己的博客系列教程一 前台页面公共头部开发
今天是我的博客上线的第一天,几年前就想开发一个属于自己的独立博客,由于各种原因迟迟没有上手,经过好几个月的时间,因为有本职工作,生活琐事,开发的周期有点长,现在第一版已经上线。新功能也会后续更新,本系列教程分三个部分,第一部分为前台页面,第二部分为接口中台,后端开发提供接口,第三部分为后台管理开发,本项目为全栈开发,所有代码都是手写, 真正的手把手带你开发一个完整的项目。本人第一次写作,文笔不好,望大家海涵;好了现在进入我们的系列教程正题,开发前台页面公共头部部分;原创 2022-01-13 12:29:09 · 394 阅读 · 0 评论