火星基地

1. 前言博客页面完成之后，需要将页面部署上线。本来整个开发流程都是基于腾讯云开发的，可以直接上传到腾讯云开发的静态页面托管，然后自定义域名，上传SSL证书即可，非常简单。但由于一些原因，我不得不将博客页面放到云服务器上运行，配置nginx环境，配置SSL证书以实现HTTPS访问。这里记录一下我的配置过程，以便分享和日后参考。2. 域名解析我是在阿里云购买的域名，到阿里云域名解析处，解析域名。主机记录中，@代表lzxjack.top。记录类型A是指，将域名指向一个IPV4地址。记录值就是

1. 前言最近在写一个博客系统，在「评论」模块中，有这样一个需求：有用户1已经评论留言，用户2在用户1的评论下，给用户1回复评论。这时候需要发一封邮件通知用户1的评论收到了回复，所以就想写一个自动发邮件的功能。在网上找到了「Nodemailer」这个项目，「Nodemailer」是一个简单易用的Node.js邮件发送组件，可以使用SMTP协议，用指定的账户发送电子邮件。但是「Nodemailer」只能运行在Node.js环境中，在浏览器中直接使用会报错，使用不了。所以我的想法是，在自己的「阿里云服务

1. 准备工作首先在 Github 上创建一个公开仓库，放入相关文件，例如：点击仓库右侧的Create a new release按钮：写一个版本号，点击Publish release提交。2. 访问方式1. 根据版本号访问格式：https://cdn.jsdelivr.net/gh/github用户名/仓库名@版本号/文件目录/文件名例如：https://cdn.jsdelivr.net/gh/lzxjack/cdn@1.0.0/json/emoji.json2. 省略版本号

1. 前言最近在用React写一个小项目时，遇到了这样的需求：在某个组件中引入外部js文件，也就是引用一个或多个script标签。这些script标签仅供某个组件使用，所以不想在html页面中直接引进来，想就在相应的React的函数组件中引入，查阅了相关资料，找到了以下可行办法。2. 动态创建script标签并执行在组件挂载时，动态创建script标签，并设置标签的src属性，若不是外部文件，还可以设置innerHTML，然后追加到body标签的最下面。在组件即将卸载时，移除这个标签。❗❗❗注意

1. 实现效果最近在用React写一个博客管理系统，有一个功能是添加新文章。在新建文章的页面，我希望做到像优快云这样，左边是编辑区（markdown格式），右边是预览区。实时更新，编辑文本的同时，在预览区就能看到效果。就自己动手实现了一个这样的组件，markdown实时预览编辑器！具体效果如下：2. 实现过程使用React实现，做成单独的一个组件。首先HTML结构如下：<header>基于React的markdown实时编辑器</header><div cl

安装依赖yarn add react-app-rewired customize-cra babel-plugin-import less less-loader修改package.json...."scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts e.

1. 为什么我要持续部署通过Hexo搭建的个人博客，虽然很强大、很方便，输入hexo clean&&hexo g -d就能快速生成静态页面并部署访问。但Hexo生成的是静态页面，无后端，这些工作都是在本地的电脑上操作的，如果更换电脑了，还需要在github上冲下拉取源代码，重新搭建环境再部署。若电脑不在身边想要随时编辑文章，就有点困难了。另外，每次在本机部署完，还要将源代码push到仓库。这样操作显然是有些繁琐的。好在Github Actions提供了解决方案，可以为仓库添加自动化的操作

之前我需要更新博客时，都需要在命令行切换到博客根目录输入hexo clean、hexo g等命令，才能实现清除缓存、生成静态文件等操作。后来知道了可以直接输入hexo clean&&hexo g&&hexo d，直接完成整套过程，但每次更新还是要手动输入。再后来学到了一个编写脚本的方法，可以一键运行，自动实现整个过程。只需要双击运行，就可以做其他事情了，部署完成后命令行自动关闭。实现方法新建txt文本文件，将后缀改为.bat，编写如下代码，分别实现一键本地预览、一键部

setting.json:{ "editor.fontSize": 18, "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.formatOnSave": true, /* prettier的配置 */ "prettier.printWidth": 100, // 超过最大值换行 "prettier.tabWidth": 4, //

最近购买了阿里云的云服务器和域名，自己折腾搭建博客，这里我把搭建的过程记录分享一下。这是我搭建的博客，欢迎大家来访问呀！！！一、本地电脑1. 安装node.js浏览器进入https://nodejs.org/en/，安装LTS（Long Term Support）版本，稳定。按住win+R，输入cmd，进入cmd命令行工具，输入node -v查看node版本，若出现版本信息，则说明node安装成功。2. 安装hexo在cmd命令行中输入npm install hexo-cli -g，安装