Purple4pur's Blog
Author: Purple4pur
Date: 2020 / 01 / 31
License: MIT
开源的个人博客,线上地址 www.purple4pur.com。
搭建这个博客得到了舍友 Yuhi 的启发(ballball大佬带带我),看他在 他的博客 上记录和分享内容我觉得很赞。于是寒假期间瞎学习了一波,打算纯手撸一个博客,当然现在还在逐步搭建中,希望上学前能有一个比较完整的面貌。
本 repo 是从一个私人仓库复制过来的,所以有一些初始进度,以后代码会直接提交到这里。
2020 / 02 / 15 更新:从 1 月 25 号到今天,博客终于「能用」了。大声宣布目标完成!
技术栈
前端
框架 React:流行的前端框架 路由 react-router-dom:react 搭配的路由 dom 组件 数据管理 redux:统一管理前端的所有数据 react-redux:利用 react 的 content 特性优化 redux 在 react 框架中的体验 redux-thunk:redux 官方的 middleware,功能同 redux-saga 网络请求 axios:常用 http 请求库 md 内容渲染 react-markdown:markdown 源文本渲染为组件后端
服务器 php:需要的功能不复杂,再说了别的我也不会…… 数据库 MariaDB:MySQL 的一个变体当然由于博客还在搭建中,可能用的技术还会更改,我会及时更新的。
进度及 todos
由于我是边学边查边写,所以进度不快也不稳定,还会经常犯错,李姐万岁。
初始进度:完成前端的 header 和 footer,数据库完成设计,后端页面能正确显示数据。
待完成:
编辑文章 优化页面布局 评论 ...已完成:
各个分类显示文章列表 全部改用 inner join 查询数据库 增加标签栏 显示标签栏内容 404 页面 按标签显示文章 CMS 登陆及检查(login 页面) 记住登陆 错误提示 CMS 导航栏和大致框架 文章管理显示文章列表 CMS 提交新文章 markdown 渲染出 html 单独的文章页面 CMS 草稿箱 文章详情页样式 数据库的操作改用 prepare 和 bind 栏目页和标签页的样式 提交文章时选择标签 用 react-helmet 库控制标题 文章内图片样式 首页 关于 http 重定向本地搭建
clonegit clone git@github.com:purple4pur/blog-with-cms.git
cd blog-with-cms
安装依赖库
npm install
启动调试
npm start
可用脚本
npm start
:启用本地预览或 debug,默认地址 http://localhost:3000/。
npm run build
:生产环境打包,打包结果位于 /build
目录下。
注意
将/src/services/index.js
内的 baseUrl
更改为自己的后端响应页面。
将 /public/apis/consts
目录下的 dbConst.example.php
重命名为 dbConst.php
,并修改为自己的数据库信息。
将 /public/apis/consts
目录下的 privateKey.example.php
重命名为 privateKey.php
,并修改为自己用于加密的随机字符串。
所有 sql
语句请根据数据库的结构进行修改。
关于 CHANGELOG
此文档只记录网页上「看得见」的变化,详细代码变化请查看 commit message。
关于 ISSUELOG
此文档记录开发过程中「已解决」的问题,未解决的问题可参看 Issues。
交流
关于本 repo 的任何问题,可以移步 Issues,我也会在 Issues 里记录开发中的一些问题。也欢迎从以下方式直接联系我(务必备注清楚),一起交流学习。
E-mail: pruple4pur@gmail.com注意
本 repo 暂时不接受 pull request。
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。
3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考学习用!
4、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。