在 Ubuntu 22.04 上部署Apache 服务， 访问一张照片
要在 Ubuntu 22.04 上部署一张照片，使其可以通过 Apache 访问，你可以按照以下步骤进行操作：
1. 安装 Apache（如果尚未安装）
如果你还没有安装 Apache，可以使用以下命令：
sudo apt update
sudo apt install apache2
2. 创建网站目录
为你的照片创建一个目录：
sudo mkdir -p /var/www/html/photos
3. 上传照片
将你的照片上传到刚刚创建的目录中。你可以使用 scp、sftp 或直接在服务器上使用命令。例如：
sudo cp /path/to/your/photo.jpg /var/www/html/photos/
请确保将 /path/to/your/photo.jpg 替换为你实际照片的路径。
4. 设置权限
设置适当的权限，使 Apache 能够访问该目录：
sudo chown -R www-data:www-data /var/www/html/photos
sudo chmod -R 755 /var/www/html/photos
5. 配置防火墙（如果需要）
确保允许 HTTP 流量通过防火墙：
sudo ufw allow 'Apache'
6. 访问照片
现在，你可以通过浏览器访问照片。输入以下 URL：
http://your_server_ip/photos/photo.jpg
将 your_server_ip 替换为你的服务器 IP 地址，photo.jpg 替换为你的照片文件名。
7. 验证配置（可选）
你可以在 Apache 的默认根目录 /var/www/html 中创建一个简单的 HTML 文件，来测试访问是否正常。创建一个名为 index.html 的文件：
sudo nano /var/www/html/index.html
在文件中添加以下内容：
<!DOCTYPE html>
<html>
<head><title>Photo Gallery</title>
</head>
<body><h1>Welcome to My Photo Gallery</h1><img src="photos/photo.jpg" alt="My Photo">
</body>
</html>
保存文件后，访问 http://your_server_ip/index.html，查看是否能成功加载照片。
相关文章：
在 Ubuntu 22.04 上部署Apache 服务， 访问一张照片
要在 Ubuntu 22.04 上部署一张照片，使其可以通过 Apache 访问，你可以按照以下步骤进行操作： 1. 安装 Apache（如果尚未安装） 如果你还没有安装 Apache，可以使用以下命令： sudo apt update sud…...
从0学习React（10）
示例代码： const columns: ProColumns<API.BasicInfoItem>[] [{title: 设备编码,dataIndex: deviceCode,ellipsis: true,width: 40,},{title: 设备名称,dataIndex: deviceName,ellipsis: true,width: 50,},{title: 产线-工序,dataIndex: deviceClassifyName…...
Redis-结构化value对象的类型
文章目录 一、Redis的结构化value对象类型的介绍二、Redis的这些结构化value对象类型的通用操作查看指定key的数据类型查看所有的key判断指定key是否存在为已存在的key进行重命名为指定key设置存活时间pexpire与expire 查看指定Key的存活时间为指定key设置成永久存活 三、Redis…...
【QT】Qt对话框
个人主页~ Qt窗口属性~ Qt窗口 五、对话框2、Qt内置对话框（1）Message Box（2）QColorDialog（3）QFileDialog（4）QFontDialog（5）QInputDialog 五、对话框 2、Qt内…...
【计算机网络篇】数据链路层（14）虚拟局域网VLAN（概述，实现机制）
文章目录 🛸虚拟局域网VLAN🍔虚拟局域网VLAN的实现机制🥚IEEE 802.1Q帧🥚以太网交换机的接口类型🗒️例一：在一个交换机上不进行人为的VLAN划分，交换机各接口默认属于VLAN1且类型为Access的情况…...
伺服中的电子凸轮与追剪
一、机械凸轮 机械凸轮是一个具有曲线轮廓或凹槽的构件，它把运动特性传递给紧靠其边缘移动的推杆，推杆又带动机架做周期性运动。 凸轮的推杆位置跟随凸轮角度的周期性变化而变化，其运动特性与机械凸轮的外形相关，定义凸轮…...
Oracle 第22章：数据仓库与OLAP
第22章：数据仓库与OLAP 1. 数据仓库概念 数据仓库（Data Warehouse, DW） 是一个面向主题的、集成的、相对稳定的、反映历史变化的数据集合，用于支持管理决策。数据仓库中的数据通常来自不同的操作型系统或外部数据源，…...
在Ubuntu上安装TensorFlow与Keras
文章目录 1. 查看系统和Python版本信息1.1 查看Ubuntu版本信息1.2 查看Python版本信息 2. 安装pip2.1 下载get-pip.py2.2 运行get-pip.py2.3 查看pip版本 3. 安装Jupyter Notebook3.1 安装Jupyter Notebook3.2 运行Jupyter Notebook3.3 安装jupyter-core3.4 配置Jupyter Notebo…...
vue data变量之间相互赋值或进行数据联动
摘要： 使用vue时开发会用到data中是数据是相互驱动，经常会想到watch,computed，总结一下！ 直接赋值： 在 data 函数中定义的变量可以直接在方法中进行赋值。 export default {data() {return {a: 1,b: 2};},methods: {u…...
如何理解ref,toRef,和toRefs
1. ref ref 是 Vue 3 提供的一个用于创建响应式数据的 API。它可以用来创建简单的响应式变量，例如数字、字符串、布尔值或对象等。通过使用ref，当数据发生变化时，相关的组件视图会自动更新。 用法 创建响应式数据： import { ref …...
从单一到多元：揭秘 Hexo Diversity 主题的运行原理
揭秘 Hexo Diversity 主题的运行原理 一、 引言二、 Diversity 主题2.1 Hexo 控制台命令2.2 Hexo 核心 API2.3 运行原理2.3.1 多主题配置相关2.3.2 多主题执行指令 2.4 版本演进2.4.1 V1版本2.4.2 V2版本2.4.2.1 PC 端2.4.2.2 Phone 端 2.5 后续展望 三、 总结 一、 引言 众所…...
软考中级（系统集成项目管理工程师）案例分析计算题-笔记
案例分析计算题必拿分！！ 1.成本进度管理 初中数学题，整了一堆缩写，容易给人绕晕 知道英文全称后就好理解了名词汇总： 英文缩写英文全称含义公式PVPlanned Value (计划值)按照计划到当前时间点需要花费的钱根据题目自…...
Docker打包自己项目推到Docker hub仓库（windows10）
一、启用Hyper-V和容器特性 1.应用和功能 2.点击程序和功能 3.启用或关闭Windows功能 4.开启Hyper-V 和 容器特性 记得重启生效！！！ 二、安装WSL2：写文章-CSDN创作中心https://mp.csdn.net/mp_blog/creation/editor/143057041 三…...
CesiumJS 案例 P20：监听鼠标滚轮、监听鼠标左键按下与松开、监听鼠标右键按下与松开、监听鼠标左击落点
CesiumJS CesiumJS 是一个开源的 JavaScript 库，它用于在网页中创建和控制 3D 地球仪（地图） CesiumJS 官网：https://www.cesium.com/ CesiumJS 下载地址：https://www.cesium.com/platform/cesiumjs/ CesiumJS API 文…...
如何使用Web-Check和cpolar实现安全的远程网站监测与管理
文章目录 前言1.关于Web-Check2.功能特点3.安装Docker4.创建并启动Web-Check容器5.本地访问测试6.公网远程访问本地Web-Check7.内网穿透工具安装8.创建远程连接公网地址9.使用固定公网地址远程访问 前言 本期给大家分享一个网站检测工具Web-Check，能帮你全面了解网…...
随机生成100组N个数并对比，C++，python，matlab，pair，std::piecewise_construct
随机生成100组N个数，数的范围是1到35，并检查是否包含目标数组的数字 python版本 import numpy as np def count_groups_containing_obj(N, obj):# 随机生成100组N个数，数的范围是1到35groups np.random.randint(1, 36, size(1000, N))#pri…...
python爬虫获取数据后的数据提取
文章目录 python爬虫中的数据提取1.Json格式数据的数据提取2.Html格式数据提取之bs4解析器如何使用快速使用对象的种类Tagname和attributes属性NavigableString(字符串)BeautifulSoupComment 子节点.contents.children.descendants 父节点.parent.parents 节点内容.string.stri…...
前段（vue）
目录 跨域是什么？ SprinBoot跨域的三种解决方法 JavaScript 有 8 种数据类型， 金额的用什么类型。 前段 区别 JQuery使用$.ajax()实现异步请求 Vue 父子组件间的三种通信方式 Vue2 和 Vue3 存在多方面的区别。 跨域是什么？ 跨域是指…...
pairwise算法之rank svm
众所周知，point-wise/pair-wise/list-wise是机器学习领域中重要的几种建模方法。比如，最常见的分类算法使用了point-wise，即一条样本对应一个label(0/1)，根据多条正负样本，使用交叉熵（cross entropy&#x…...
SAP RFC 用户安全授权
一、SAP 通讯用户 对于RFC接口的用户，使用五种用户类型之一的“通讯”类型，这种类型的用户没有登陆SAPGUI的权限。 二、对调用的RFC授权 在通讯用户内部，权限对象：S_RFC中，限制进一步可以调用的RFC函数授权ÿ…...
Vim 调用外部命令学习笔记
Vim 外部命令集成完全指南 文章目录 Vim 外部命令集成完全指南核心概念理解命令语法解析语法对比 常用外部命令详解文本排序与去重文本筛选与搜索高级 grep 搜索技巧文本替换与编辑字符处理高级文本处理编程语言处理其他实用命令 范围操作示例指定行范围处理复合命令示例 实用技…...
Nuxt.js 中的路由配置详解
Nuxt.js 通过其内置的路由系统简化了应用的路由配置，使得开发者可以轻松地管理页面导航和 URL 结构。路由配置主要涉及页面组件的组织、动态路由的设置以及路由元信息的配置。 自动路由生成 Nuxt.js 会根据 pages 目录下的文件结构自动生成路由配置。每个文件都会对…...
爬虫基础学习day2
# 爬虫设计领域 工商：企查查、天眼查短视频：抖音、快手、西瓜 ---> 飞瓜电商：京东、淘宝、聚美优品、亚马逊 ---> 分析店铺经营决策标题、排名航空：抓取所有航空公司价格 ---> 去哪儿自媒体：采集自媒体数据进…...
ArcGIS Pro制作水平横向图例+多级标注
今天介绍下载ArcGIS Pro中如何设置水平横向图例。 之前我们介绍了ArcGIS的横向图例制作：ArcGIS横向、多列图例、顺序重排、符号居中、批量更改图例符号等等（ArcGIS出图图例8大技巧），那这次我们看看ArcGIS Pro如何更加快捷的操作。…...
Spring数据访问模块设计
前面我们已经完成了IoC和web模块的设计，聪明的码友立马就知道了，该到数据访问模块了，要不就这俩玩个6啊，查库势在必行，至此，它来了。 一、核心设计理念 1、痛点在哪 应用离不开数据（数据库、No…...
Java + Spring Boot + Mybatis 实现批量插入
在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法：使用 MyBatis 的 <foreach> 标签和批处理模式（ExecutorType.BATCH）。 方法一：使用 XML 的 <foreach> 标签ÿ…...
NXP S32K146 T-Box 携手 SD NAND（贴片式TF卡）：驱动汽车智能革新的黄金组合
在汽车智能化的汹涌浪潮中，车辆不再仅仅是传统的交通工具，而是逐步演变为高度智能的移动终端。这一转变的核心支撑，来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒（T-Box）方案：NXP S32K146 与…...
Git常用命令完全指南：从入门到精通
Git常用命令完全指南：从入门到精通 一、基础配置命令 1. 用户信息配置 # 设置全局用户名 git config --global user.name "你的名字"# 设置全局邮箱 git config --global user.email "你的邮箱example.com"# 查看所有配置 git config --list…...
[ACTF2020 新生赛]Include 1(php://filter伪协议)
题目 做法 启动靶机，点进去 点进去 查看URL，有 ?fileflag.php说明存在文件包含，原理是php://filter 协议 当它与包含函数结合时，php://filter流会被当作php文件执行。 用php://filter加编码，能让PHP把文件内容…...
Vue3中的computer和watch
computed的写法 在页面中 <div>{{ calcNumber }}</div>script中 写法1 常用 import { computed, ref } from vue; let price ref(100);const priceAdd () > { //函数方法 price 1price.value ; }//计算属性 let calcNumber computed(() > {return ${p…...