柒柒知道

整理一下日常使用 Hexo 搭建博客时最常用的命令，方便随时查阅。 基础命令新建文章123hexo new "我的新文章"# 简写hexo n "我的新文章" 执行后会在 source/_posts/ 目录下生成对应的 Markdown 文件，编辑该文件即可写作。 新建页面1hexo new page "about" 会在 source/about/ 下生成 index.md，常用于创建关于页、友链页等独立页面。 启动本地预览12345hexo server# 指定端口hexo server -p 5000# 简写hexo s 默认访问 http://localhost:4000，修改文件后刷新浏览器即可看到最新效果，是最常用的调试方式。 生成静态文件123hexo generate# 简写hexo g 将 Markdown 文章渲染成静态页面，输出到 public/ 目录。 部署123hexo deploy# 简写hexo d 需要先在 _config.yml 中配置好 deploy 项，常用的是 git 部...

在 CentOS 8.5 系统中运行 JAR 包并注册为系统服务，可通过 systemd服务管理实现开机自启和便捷运维。假设我们已经将 JAR 包（如 api-0.0.1-SNAPSHOT.jar）上传至服务器目录（如 /opt/api）以下是具体步骤： ⚙️ 一、运行 JAR 包（临时测试）1. 前台运行（关闭终端即停止）：1java -jar /opt/api/api-0.0.1-SNAPSHOT.jar 2. 后台运行（终端关闭后持续运行）：1nohup java -jar /opt/api/api-0.0.1-SNAPSHOT.jar > /opt/api/output.log 2>&1 & 🔧 二、注册为 Systemd 系统服务（推荐）1. 创建服务文件进入 systemd 配置目录，创建服务文件（如 api.service）： 1sudo vi /etc/systemd/system/api.service 2. 编写服务配置复制以下内容（按需修改参数）： 123456789101112131415161718[Unit]De...

闲着没事，我把网站服务器系统重装为Alibaba Cloud Linux 3，完全兼容Centos生态和命令。为了方便，我使用宝塔面板部署前后端项目和数据库，具体包括 MySQL、Redis、Java (jar) 和 Nuxt.js 。 🔧 一、环境准备 服务器配置 操作系统：Alibaba Cloud Linux 3 硬件要求：2核2G 开放端口： 为了方便，云服务器安全组开放所有端口，使用宝塔面板防火墙进行管理。 安装宝塔面板 执行命令（适用于Centos/OpenCloud/Alibaba）： 1url=https://download.bt.cn/install/install_panel.sh;if [ -f /usr/bin/curl ];then curl -sSO $url;else wget -O install_panel.sh $url;fi;bash install_panel.sh ed8484bec 安装完成后记录面板地址、账号密码 安全设置：登录后修改面板端口、用户名和密码，并绑定宝塔账号 ⚙️ 二、...

简述String Redis Template是Spring Data Redis提供的一个模板类，用于简化对Redis数据库的操作，特别是当数据存储为字符串格式时。 依赖引入1234<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId></dependency> 配置文件123456spring: data: redis: host: localhost port: 6379 database: 0 使用方法1（值为字符串格式）设置值12345678910@Servicepublic class RedisService { @Autowired private StringRedisTemplate stringRedisTemplate; public v...

2024年8月30日，本网站正式弃用centos5.7，改用Ubuntu 22.04，为保证网站成功运行，一共部署四个必要软件，分别是mysql8.0、redis6.0、ngnix1.18、jdk21。 一、mysql8.0在 Ubuntu 22.04 上安装 MySQL 8.0 ，安装操作需root权限： 通过 sudo su -，切换到root用户 本文选择这种方式操作 或在每一个命令前，加上sudo，用来临时提升权限 1.卸载仓库信息如果已经安装过MySQL5.7版本，需要卸载仓库信息 12345# 卸载MySQL5.7版本apt remove -y mysql-client=5.7* mysql-community-server=5.7*# 卸载5.7的仓库信息dpkg -l | grep mysql | awk '{print $2}' | xargs dpkg -P 2.更新apt仓库信息1sudo apt update 3.安装mysql1sudo apt install -y mysql-server 4....

CSS媒体查询（Media Queries）是一种CSS技术，用于根据设备的特性和屏幕尺寸，为不同的设备或屏幕应用不同的样式。通过使用媒体查询，我们可以创建响应式的网页设计，使网页在不同设备上呈现出最佳的布局和样式。下面是对CSS媒体查询的详细介绍： 基本概念： 媒体查询允许我们根据不同的媒体类型和媒体特性来应用样式。 媒体类型可以是all（所有设备）、screen（屏幕）、print（打印机）等。 媒体特性可以是设备宽度、设备高度、设备方向等。 媒体查询的语法： 媒体查询使用@media规则来定义。 语法格式如下： 123@media 媒体类型 and (媒体特性) { /* 样式规则 */} 常用的媒体特性： width：设备宽度。 height：设备高度。 orientation：设备方向（纵向或横向）。 min-width：最小设备宽度。 max-width：最大设备宽度。 min-height：最小设备高度。 max-height：最大设备高度。 示例代码： 下面是一个简单的媒体查询示例，当设备宽度小于等于600像素时，应用...

CSS Flex布局是一种强大而灵活的布局模型，它可以帮助我们轻松地创建响应式和可自适应的网页布局。Flex布局通过使用容器和项目之间的关系来实现灵活的布局。 容器属性： display: flex;：将一个元素标记为Flex容器。 flex-direction: row | row-reverse | column | column-reverse;：设置Flex容器中项目的排列方向。 flex-wrap: nowrap | wrap | wrap-reverse;：定义Flex容器中项目的换行方式。 justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;：设置Flex容器中项目在主轴上的对齐方式。 align-items: flex-start | flex-end | center | baseline | stretch;：定义Flex容器中项目在交叉轴上的对齐方式。 align-content: flex-start | flex-en...

CSS定位是一种用于控制元素在网页中的位置和布局的技术。通过使用不同的定位属性和值，我们可以精确地定位元素在页面中的位置。下面是对CSS定位的详细介绍： 相对定位（Relative Positioning）： 相对定位是相对于元素在正常文档流中的位置进行定位。 使用position: relative;来设置相对定位。 可以通过设置top、right、bottom和left属性来调整元素相对于原始位置的偏移量。 下面是一个示例代码，展示了如何应用相对定位： 12345.relative-box { position: relative; top: 20px; left: 30px;} 绝对定位（Absolute Positioning）： 绝对定位是相对于最近的已定位祖先元素（如果没有已定位的祖先元素，则相对于初始包含块）进行定位。 使用position: absolute;来设置绝对定位。 可以通过设置top、right、bottom和left属性来指定元素相对于祖先元素的偏移量。 下面是一个示例代码，展示了如何应用绝对定位： 123...

CSS浮动（float）是一种布局技术，用于控制元素在网页中的位置和排列方式。通过使用浮动属性，我们可以使元素脱离正常文档流，并实现元素的左右浮动。下面是对CSS浮动的详细介绍： 浮动的基本概念： 使用float属性可以将元素浮动到其容器的左侧或右侧。 浮动元素会脱离正常文档流，其他元素会围绕浮动元素进行排列。 浮动元素可以使文本环绕在其周围，实现图文混排的效果。 浮动的属性值： float: left;：将元素向左浮动。 float: right;：将元素向右浮动。 float: none;（默认值）：取消元素的浮动。 清除浮动（Clearing Floats）： 当浮动元素后面的元素也需要脱离浮动的影响时，需要进行清除浮动。 可以使用clear属性来清除浮动。 常用的清除浮动方法包括：使用空的div元素和设置clear: both;。 下面是一个示例代码，展示了如何应用浮动和清除浮动： 123456789101112131415161718192021222324252627<style> .left-float { flo...

CSS盒子模型是网页布局中的一个基本概念，它描述了一个HTML元素在页面中所占据的空间。盒子模型由四个部分组成：内容区域、内边距、边框和外边距。下面是对CSS盒子模型的详细介绍： 内容区域（Content Area）： 内容区域是盒子模型的核心部分，它包含了元素的实际内容，比如文本、图像或其他子元素。 内容区域的大小可以通过设置width和height属性来指定。 内边距（Padding）： 内边距是内容区域与边框之间的空白区域，用于控制内容与边框之间的距离。 内边距可以通过设置padding属性来指定，也可以分别设置上、右、下、左四个方向的内边距，如padding-top、padding-right、padding-bottom和padding-left。 边框（Border）： 边框是包围内容和内边距的线条或样式，用于定义元素的边界。 边框可以通过设置border属性来指定，也可以分别设置边框的样式、宽度和颜色，如border-style、border-width和border-color。 外边距（Margin）： 外边距是盒子模型与其他元素之间的空白...