/blog-tutorial-resources

教你从 0 开始写一个博客并部署到服务器😎 使用 React + Node.js(Koa) + MongoDB

MIT LicenseMIT

从 0 开始搭建你的博客

这是一门教你从 0 开始编写+部署一个自己的博客网站的教程

拆分各个知识点以模块式讲解, 覆盖面广, 旨在教会真正 0 基础的的小白.
同时非小白也可以选择性观看自己觉得重要的部分, 相信也能有所收获

之所以选择教大家写一个博客(而不是什么商城系统之类的), 原因有下：

  • 这个项目涵盖前后端, 能较全面的锻炼能力.
  • 博客项目规模适中, 既能体会到真正完整的的项目开发过程又不会花太多时间
  • 写出来的博客你可以自定义+自己用, 是有实际价值的!
  • 我之所以学前端就是想有一个自己完成度博客, 这是我学前端的契机, 也是我做的第一个项目, 所以我对博客有一些奇妙的情结

特点

  1. 本教程旨在从问题出发学习, 需要用什么就学什么, 是自顶向下的学习方法
    • 优点：能用最快的速度对前端开发有个整体认知
    • 缺点：学到的知识不系统，需要后续系统性的学习
    • 针对缺点的解决：会在学完后给出系统学习的推荐路线图
  2. 不包括基础的前端知识（参考前端学习天梯），只从中期开始讲解，前期知识需自行学习
  3. 讲的都是最新的或者最多人用的技能，不学过时的内容

这段课程包括哪些部分

  1. 博客开发
    1. 前端
      1. react 基础教程
      2. npm, 包管理系统
      3. 浏览器调试和其中的小 tips
      4. 如何做权限检验
    2. 后端
      1. Node.js 的安装+使用
      2. Koa 框架
      3. MongoDB
      4. 怎么使用图床
  2. 博客部署
    1. 如何搞到一台学生服务器
    2. linux 介绍和基本操作
    3. nginx 使用
  3. 其他知识
    1. github 的使用
    2. vscode 的基础使用和小 tips
    3. 如何看文档, 如何自己上手一个框架
    4. 一些杂七杂八的个人经验和分享

再重复一下, 我会直奔写博客的主题去: 第一步, 我们要写一个博客, 那么我们需要建立一个代码仓库, 那么我们就开始学习 github, 第二步, 我们要准备写代码, 那就去下载 vscode, 第三步, 我们要开始写前端代码, 就去学习 React...
这样带着目标, 带着问题学习, 我认为是最快的.

每个部分我不会深挖, 比如 react 原理什么的, 这些系统性的知识大家可以自行学习, 精力有限, 我只会让大家尽快能写出来自己的博客, 不会过多拓展知识, 课程结束后我会给出推荐的系统性学习的路线, 大家可以参考

这段课程不包括哪些部分

  1. HTML 基本语法
  2. JS 基本语法
  3. CSS 基本语法
  4. Markdown 相关知识
  5. git 的使用

这部分知识太细碎, 网上又有成熟高质量的教程, 故不再重复造轮子, 不会详细讲解
但是会在遇到的时候给出相关学习链接, 供大家自己找来学习

学习资源

  1. 本项目代码仓库:
    1. github: https://github.com/xiong35/blog-tutorial-code
    2. gitee: https://gitee.com/xiong35/blog-tutorial-code
  2. 本项目教程相关文件仓库:
    1. github: https://github.com/xiong35/blog-tutorial-resources
    2. gitee: https://gitee.com/xiong35/blog-tutorial-resources

关于我

我的华中科技大学计算机系 19 级学生, 想帮助更多人学习前端, 爱上编程!
大学期间我写过 20 余个大大小小的前端项目, 拿过三四个大厂的实习 offer, 在字节跳动实习过 3 个月, 个人能力 和实践经验都是相对较强的, 想把我的经验和技能分享出去
我是自学的前端, 在自学路上走了很多弯路, 出这套教程的目的之一就是引导想学前端的兄弟们少走弯路.

最后

受个人精力和能力限制，难免会有疏漏，望见谅！有任何问题欢迎提 issue！