Nginx 博客 HTTPS 证书配置完整教程
本文记录在 CentOS 系统上，为 Hexo 博客配置域名绑定和 Let’s Encrypt 免费 SSL 证书的完整过程。 前置条件 已购买域名并完成备案 拥有一台云服务器（本文以 CentOS 为例） 服务器已安装 Nginx 域名已解析到服务器 IP 检查服务器状态1. 检查 Nginx 是否运行1systemctl status nginx 2. 检查 80 端口监听情况1netstat -tlnp | grep -E ':(80|443)\s' 如果看到 nginx 正在监听 80 端口，说明 Nginx 已正常运行。 第一步：配置 DNS 解析在域名注册商（如阿里云、腾讯云）的 DNS 管理页面，添加以下解析记录： 记录类型 主机记录 记录值 TTL A @ 你的服务器IP 600 A www 你的服务器IP 600 记录值填写你的服务器公网 IP 地址，例如 117.72.58.244 第二步：配置 Nginx 域名绑定编辑 Nginx 站点配置文件： 1vi /etc/nginx/conf.d/blog.conf...
测试的博客文件
这里的文章摘要看一下 引言正文从这里开始… 核心内容代码示例function hello() { console.log('你好测试!'); }
VSCode 高效开发技巧
Visual Studio Code 是一款功能强大的代码编辑器，掌握一些技巧可以大大提高开发效率。 必备快捷键Windows 常用快捷键 快捷键 功能 Ctrl + P 快速打开文件 Ctrl + Shift + P 命令面板 `Ctrl + `` 打开终端 Alt + Up/Down 移动行 Ctrl + / 注释/取消注释 Ctrl + D 选择下一个相同内容 多光标编辑12345678// 按 Alt + Click 添加多个光标// 或按 Ctrl + D 逐个选择相同内容const name1 = "value";const name2 = "value";const name3 = "value";// 同时修改多个 name 推荐插件1. Chinese (Simplified) Language Pack中文语言包，界面中文化。 2. Auto Rename Tag自动修改闭合标签。 3. Bracket Pair Colorizer...
JavaScript 异步编程详解
JavaScript 是单线程执行的，但通过异步编程可以处理耗时操作而不阻塞主线程。本文详细介绍 JavaScript 的异步编程机制。 什么是异步编程？异步编程是一种编程范式，允许程序在等待某些操作完成时继续执行其他代码。 回调函数最简单的异步方式： 123456789console.log('开始');setTimeout(function() { console.log('两秒后执行');}, 2000);console.log('结束');// 输出顺序：开始 -> 结束 -> 两秒后执行 PromisePromise 是 ES6 引入的异步解决方案： 1234567891011const promise = new Promise((resolve, reject) => { // 异步操作 setTimeout(() => { resolve('成功'); // 或 reject...
我的 2025 年度计划
新的一年开始了，给自己立下一些 flag，希望年底都能实现！ 技术方面1. 深入学习前端框架 Vue 3 源码阅读 React 高级模式 TypeScript 进阶 2. 后端技术 Node.js 深入学习 数据库优化 Docker 容器化部署 3. 新技术探索 AI 工具使用 WebAssembly Web3 相关 生活方面1. 健康管理 每周运动 3 次 早睡早起（23 点前睡觉） 减少外卖，自己做饭 2. 阅读计划目标每月读一本书： 月份 书名 状态 1月 《深度工作》 进行中 2月 《代码整洁之道》 待开始 3月 《人月神话》 待开始 3. 旅行计划 云南大理 四川成都 海南三亚 工作方面 完成项目重构 提升代码质量 技术分享（至少 3 次） 总结2025，继续加油！保持热爱，奔赴山海。 “种一棵树最好的时间是十年前，其次是现在。”
阿里云 OSS 图片上传与配置
使用阿里云 OSS 作为图床，可以方便地管理和分享博客图片。 一、开通 OSS 服务 登录阿里云控制台 开通对象存储 OSS 服务 创建 Bucket（存储桶） 二、创建 Bucket 配置项 推荐值 Bucket 名称 自定义（全局唯一） 地域 选择就近区域 存储类型 标准存储 读写权限 公共读（重要！） 三、上传图片方法 1：控制台上传直接在 OSS 控制台拖拽上传。 方法 2：使用 PicGo推荐使用 PicGo 工具，支持截图即传： 下载安装 PicGo 配置阿里云 OSS 设置快捷键上传 四、获取图片 URL上传后的图片 URL 格式： 1https://[bucket名称].oss-cn-[地域].aliyuncs.com/[文件路径] 例如： 1https://sky-kairos.oss-cn-beijing.aliyuncs.com/blog/avatar.png 五、在博客中使用配置主题图片在 _config.butterfly.yml 中配置： 1234favicon: https://你的OSS地址/favicon.pn...
Hexo + Butterfly 博客搭建指南
本文记录使用 Hexo + Butterfly 主题搭建个人博客的完整过程。 环境准备安装 Node.js123# 检查是否已安装node -vnpm -v 安装 Hexo1npm install -g hexo-cli 初始化博客123456789# 创建博客目录hexo init my-blogcd my-blog# 安装依赖npm install# 启动本地服务器hexo server 安装 Butterfly 主题1npm install hexo-theme-butterfly 修改配置在 _config.yml 中设置主题： 1theme: butterfly 创建主题配置文件创建 _config.butterfly.yml 覆盖主题默认配置。 常用命令1234567891011121314# 新建文章hexo new "文章标题"# 清理缓存hexo clean# 生成静态文件hexo generate# 启动本地服务器hexo server# 部署hexo deploy 文章 Front-matter1234567891011---...
我的第一篇博客
欢迎来到我的技术博客！这是第一篇文章。 博客介绍这个博客主要用于记录我在开发过程中的心得体会和技术笔记。 内容方向 前端开发技术 后端开发经验 工具使用技巧 项目实战总结 代码示例下面是一个简单的 JavaScript 示例： 12345function hello(name) { console.log(`你好，${name}！欢迎访问我的博客`);}hello('世界'); 后续计划 定期更新技术文章 分享实战项目经验 记录学习笔记 期待与大家一起交流学习！