宝塔面板配置MongoDB 当前版本 123456{ 宝塔面板: '7.5.2', Ubuntu: '18.04.4 LTS', MongoDB: '4.0.10'} 本文仅适用于上述版本,其他版本中配置过程可能存在差别 本文参考 宝塔面板 mongodb设置账号,密码,数据库,并配置远程连接 并结合实际体验编写 本文不附带图片,所有过程 2021-05-07
JSON.parse解析双引号嵌套单引号格式的数据 示例: 1const str = "['123', '456', '789']" 当存在这种数据时 JSON.parse 无法直接解析,会提示 SyntaxError: Unexpected token ' in JSON at position 1 的错误。 解决方案: eval() eval语法可以简单 2021-04-28 代码片段 > JavaScript
MaterialUI封装全局Snackbar组件 最近在写点小项目,使用的是Material UI,这个UI库中没有类似Ant里可以全局使用的message组件,只有Snackbar消息条组件,但这种使用方式显然不够灵活,本来想试试自己造个轮子,但在翻看Material UI的文档时发现Snackbar组件文档最后有一个notistack方案来以更灵活的方式使用Snackbar组件。 本文章中使用依赖的信息1234567{ " 2021-04-23 实用技巧 > MaterialUI
hexo多级分类和并列分类设置 hexo文章分类设置hexo中提供了 categories 分类设置,但官方文档对于此处的写法说明比较模糊 普通分类设置: 1categories: category 多层分类设置: 1categories: [parent, children] 并列分类设置: 123categories:- parent- parent 并列分类及多层分类同时使用: 123categories:- [pa 2021-04-17 hexo使用日常
MaterialUI结合react-hook-form 1 (从一个简单的表单开始) 相关依赖及版本1234567{ "@material-ui.core": "4.11.3", "react-hook-form": "7.1.1", "react": "17.0.2", "react-dom": "17.0.2&q 2021-04-16 实用技巧 > MaterialUI > MaterialUI结合react-hook-form
配置post存放位置 hexo配置新建post的位置使用 hexo new post <post_name> 新建文章时,会默认在 _post 文件夹下生成。这种做法虽然简单,但文章过多的话将不利于查看因此需要修改默认的 new_post_name 实现功能 打开 _config.yml 文件 1new_post_name: :title.md 这是一个默认的配置,现在要实现以年月为路径存放文章,修改上面的 2021-04-15 hexo使用日常
hexo主题及配置GithubPage hexo主题、简单配置及Github Page配置主题这里我选用Fluid主题 1yarn add hexo-theme-fluid 更多配置详细参考Fluid官方文档 Github Page首先在github新建一个仓库,我新建的名称为blog 安装hexo-deployer-git 1yarn add hexo-deployer-git 在_config.yml中添加以下配置 1234dep 2021-04-14 hexo使用日常
从wordpress迁移到hexo 从wordpress迁移到hexo最近阿里云数据库到期,考虑到费用问题及日常使用频率,决定将博客换到hexo。 此文章先测试下发布文章 其实很早听说过hexo,而没有使用是因为hexo给我的感觉不像是一款产品,对使用有一定学习成本 而放弃wordpress一方面因为数据库到期,另一方面是因为受到骚扰评论困扰,而且wordpress使用起来感觉过重 2021-04-14 hexo使用日常
Antd React Form Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop 错误解决方案 问题原因:Model中Form为渲染时使用useForm方法 解决方案:Model 添加_forceRender_强制渲染Model 2021-02-01 实用技巧 > Ant Design > 错误解决方案
Antd React Tree控件自定义展示效果 最近在用React做项目,使用到antd作为ui,发现官网一些案例说明不是很详细 123456const data = [ name:'test', children:[ name:'child' ]] 有一个这样的数据格式,与官网案例不同的是需要显示的字段为name,官网为title,而且官网的字段中包含key 文档中说明可以使用 TreeN 2021-01-24 实用技巧 > Ant Design > 解决方案