这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天 记录青训营大项目 - 基于 SSR 开发仿掘金站点的开发
- 青训营提供的demo能给我们技术选型和架构搭建提供了能直接用的例子。我配合这个demo项目的技术博客（juejin.cn/book/713794…
他建议的技术栈是
- CMS：strapi（低代码，节省开发成本）
- SSR框架: nextjs-typescript（自带eslint，自动检查代码风格）
- css模块化的工具：sass。这里推荐使用 sass 等超类来替代 css，相比 css， sass 等超类提供了变量定义和函数的能力，可以避免一些重复的 css 代码，使得样式的可维护性和复用性更高。sass 有支持两种语法， sass 和 scss，作为 css 超集，scss 有更平滑的学习成本，对于初学者更为友好，所以后续的学习会以 scss 来书写样式。
提供了两个 demo 仓库供大家参考，CMS 不强要求使用 strapi，给大家足够的发挥空间，能够保证页面功能正常完备 + 页面数据可后台配置（配置需有 GUI 页面，符合非技术人员习惯）即可。
CMS仓库：github.com/czm12904337…
技术博客（讲解了上面的代码）：juejin.cn/book/713794…
待解决：
1.文章详情页锚点：react-markdown-navbar组件
2.markdown？（已解决）
使用react-markdown即可
3.关于UI组件库？确定Arco design
4.拆css
负责内容
右侧sidebar的组件
- 0131：实现静态组件
- 0207：change theme实现，作者榜接上api，可后台配置（代码太丑只实现功能，之后改改再push）
- Todo: 多媒体兼容性
0131 如图 0207
update1: 右侧组件 dark theme效果
