用github pages + react写一个自己的博客网站
壹（序）
一直想着写一个自己的博客网站，但是害怕没时间维护，最后选择白嫖github，使用react从零搭建一个项目，尽量多使用react全家桶系列技术，熟悉熟悉react，累积经验。博客地址, 源码地址。
贰（技术选型）
- 从初学react到工作至今，还没有写过react项目，所以这次必须使用react。
- UI方面，选择antd。
- 脚手架使用react官方的cra。
- 除此之外，使用react-router，redux。
- 没有使用lint，IDE都配置好的。
- CSS预处理器使用less。
叁（路由）
- 首页（home）
- 文章列表（article）
- 文章详情（article/articleId）
- 自我介绍（aboutMe）
肆（样式）
样式使用了三种方式，外部引入、内联样式、styled-components。
- 外部引入：外部写样式，然后import进来，但是样式无法私有化（vue的scoped）;
- 内联样式：直接使用内联样式，可以实现私有化;
- styled-components：样式私有化，CSS-IN-JS，不用绞尽脑汁想className了（nice)...;
伍（功能点）
-
简单实现打字效果，可以使用typing.js:
-
动态读取markdown文章： 使用require-context,根据路由文章id读取指定目录下的文章
webpack配置读取md文件：
- GitHub Pages部署
- 引入：yarn add -D gh-pages;
- package.json中增加脚本predeploy和deploy，部署直接终端输入命令yarn deploy;
