技术胖手摸手做程序员专属博客-44集视频+3万字长文

嗨！你们好，我是技术胖。

个人博客就使用的教程中的程序，你能够先进行预览一下，预览页面。

文字版在个人博客中，地址以下:3万字文字版教程

我原来的博客是使用的Vuepress ，纯静态网页，也有不少不方便的地方，因此本身做了这个博客程序。

若是你也想用React相关技术做一个网站，我觉的学习这个教程，必定能够作出来，而且能够为所欲为的进行修改。

本教程只适合初中级React开发者，学习须要有React相关知识。（不要担忧个人博客中都有免费的基础教程）

若是你觉的这套教程有帮助，请帮忙点赞，让更多的人看到这篇文章

博客使用技术栈

博客前台： React Hooks + Next.js + marked + highlight + Ant Design

数据接口： Egg.js + Mysql

后台： React Hooks + Ant Design

视频中的代码已经开源：开源库Github地址

博客预览图片

视频目录

• 0一、博客实战的课程介绍:jspang.com/detailed?id…
• 0二、项目前端基础开发环境搭建:jspang.com/detailed?id…
• 0三、制做博客公用头部并造成组件:jspang.com/detailed?id…
• 0四、完成首页主体的两栏布局:jspang.com/detailed?id…
• 0五、利用List组件制做博客列表:jspang.com/detailed?id…
• 0六、编写“博主介绍”组件:jspang.com/detailed?id…
• 0七、编写“通用广告”组件:jspang.com/detailed?id…
• 0八、博客列表页面快速制做:jspang.com/detailed?id…
• 0九、博客详细页面制做1-编写基本页面结构:jspang.com/detailed?id…
• 十、博客详细页面制做2-解析Markdown语法:jspang.com/detailed?id…
• 十一、博客详细页面制做3-Markdown导航制做:jspang.com/detailed?id…
• 十二、中台搭建1-安装egg.js开发环境:jspang.com/detailed?id…
• 1三、中台搭建2-egg.js目录结构和约定规范:jspang.com/detailed?id…
• 1四、中台搭建3-RESTful API设计简介和路由配置:jspang.com/detailed?id…
• 1五、中台搭建4-Egg.js中链接mysql数据库:jspang.com/detailed?id…
• 1六、中台搭建5-数据库设计和首页接口制做:jspang.com/detailed?id…
• 1七、前中台结合1-前台读取首页文章列表接口:jspang.com/detailed?id…
• 1八、前中台结合2-文章详细页面接口制做展现:jspang.com/detailed?id…
• 1九、解决egg.js的跨域问题:jspang.com/detailed?id…
• 20、重构前台博客详细页面1-marked+highlight:jspang.com/detailed?id…
• 2一、重构前台博客详细页面2-实现文章导航:jspang.com/detailed?id…
• 2二、前台文章列表页的制做1-接口模块化和读取文章分类:jspang.com/detailed?id…
• 2三、前台文章列表页的制做2-根据类别读取文章列表:jspang.com/detailed?id…
• 2四、让前台全部页面支持Markdown解析:jspang.com/detailed?id…
• 2五、后台开发01-开发环境搭建:jspang.com/detailed?id…
• 2六、后台开发02-页面路由配置:jspang.com/detailed?id…
• 2七、后台开发03-编写登陆界面:jspang.com/detailed?id…
• 2八、后台开发04-UI框架搭建:jspang.com/detailed?id…
• 2九、后台开发05-添加文章页面制做1:jspang.com/detailed?id…
• 30、后台开发06-添加文章页面制做2:jspang.com/detailed?id…
• 3一、后台开发07-Markdown编辑器制做:jspang.com/detailed?id…
• 3二、后台开发08-编写service登陆接口:jspang.com/detailed?id…
• 3三、后台开发09-实现前台登陆操做:jspang.com/detailed?id…
• 3四、后台开发10-中台路由守卫制做:jspang.com/detailed?id…
• 3五、后台开发11-读取添加文章页面的类别信息:jspang.com/detailed?id…
• 3六、后台开发12-添加文章的方法(上):jspang.com/detailed?id…
• 3七、后台开发13-添加文章的方法(中):jspang.com/detailed?id…
• 3八、后台开发14-添加文章的方法(下):jspang.com/detailed?id…
• 3九、后台开发15-文章列表制做(上):jspang.com/detailed?id…
• 40、后台开发16-文章列表制做(中):jspang.com/detailed?id…
• 4一、后台开发17-删除文章:jspang.com/detailed?id…
• 4二、后台开发18-修改文章（上）:jspang.com/detailed?id…
• 4三、后台开发19-修改文章（下）:jspang.com/detailed?id…
• 4四、博客部署介绍和演示:jspang.com/detailed?id…