网站目录/绝对路径/相对路径-零基础搭建wordpress教程

网站基本知识包括很多方面,网站结构、网页路径、域名、服务器、建站等等,我们已经写过域名和新手如何选择服务器了,正好最近遇到群友对网站基本知识有些疑问,魏艾斯博客认为建站之前你一定要了解一下相关基础知识,通过这个过程在脑海中建立网站的一个结构,只有脑海里面有了这个理论知识后面建站时才能得心应手。

相关教程:

域名相关知识-零基础搭建 wordpress 教程

新手如何选择服务器-零基础搭建 wordpress 教程

网友想在宝塔面板里建立一个子网站,不过他不知道在哪个目录建立,怎么绑定到二级域名,就跑来问魏艾斯博客。长久以来老魏感觉很多人半路出家上来直接用宝塔面板建立网站,但是跳过了网站基础知识的了解,所以才会问出常识类的问题。大家都是从新手期走过来的,建站遇到困难自己不知道如何解决又找不到人教真的是一件蛮痛苦的事情,就像有满满的学习欲望但是无处发泄,有劲儿使不出来的感觉不好受。所以老魏希望能通过本文引导大家对网站结构基础知识有一定了解和入门,有了这些基础知识做铺垫后面建站就容易多了。

网站基础知识问度娘能找到好多,老魏写的是自己实践理解出来的,好吧我们进入正题。网站是由域名、服务器组成的,服务器用来存放网站程序和数据库。今天网站基础知识主要是讲的网站结构。网站结构包括网站目录和目录中包含的网页文件。

一、网站目录

网站目录用来存放网站程序、文件、图片、视频、css、js 文件等等,和你本地电脑的目录作用完全相同,用来存放以上提到的众多文件。比如我现在有一个 vpsss.net 打算用 wordpress 程序建博客,首先就是为网站建立一个文件夹,我这里为文件夹起名叫 vpsss。然后把 wordpress 程序上传进去,在浏览器端开始安装 wordpress 程序,添加网站、数据库等就可以开始建站了。这时候 vpsss 文件夹里面就存放着全部的博客文件(数据库除外)。

这里的 vpsss 文件夹也可以称之为网站根目录,所有和网站文件有关系的动作都合其有关系。脑海中要有一个大体的印象,网站根目录中包含了全部网站文件和文件夹,这样后面操作起来才知道应该怎么做,如何做。

二、相对路径、绝对路径

1、在网站中绝对路径指的是硬盘中文件的真实物理路径。比如 1.jpg 这个图片文件的存放路径是 D:/资料/网站/html/第一节/img,那么 1.jpg 文件的绝对路径就是 D:/资料/网站/html/第一节/img/1.jpg,你去这个文件夹就能找到并打开这个文件。

2、绝对路径的缺点在于你在本地电脑上使用 D:/web/img/1.jpg 是没问题的,但是上传到服务器上之后,网站文件夹不一定放在 D 盘,也许在 C 盘、E 盘、F 盘等等,这时候你还拿 D:/web/img/1.jpg 这个路径去找图片就打不开了,所以这时候引入了相对路径的概念。

3、为了避免上面情况的发生,我们引入了相对路径的概念。你可以理解成相对于当前文件的位置。举例子说在网站中 1.html 中引用了 1.jpg 这个图片文件,而这两个文件都放在同一个文件夹中,那么在 1.html 的网页代码中关于 1.jpg 的代码应该这样写:<img src=”1.jpg” />,这样就可以正常在网页中显示这个图片了。

为了正确理解相对路径这个概念,老魏特意给出两个个例子加深理解,等于是随堂练习了,请好好理解,务必搞懂这两个概念,大大有助于以后的网站操作。

3.1、比如 1.html 存放在 D:/资料/网站/html/第一节,而 1.jpg 存放在 D:/资料/网站/html/第一节/img,那么这时候代码应该写成<img src=”img/1.jpg” />

为什么这么写呢?因为相对于 1.html 文件,1.jpg 文件相对来说放在了其子文件夹 img 下面。

相对路径使用/作为文件夹分隔符,而绝对路径使用/或\作为分隔符。在本例中因为 img 是第一节下面的文件夹,所以说不用再加/字符了。

3.2、相对路径中使用“../”表示上一级文件夹。假设 1.html 存放在 D:/资料/网站/html/第一节,而 1.jpg 存放在 D:/资料/网站/html,那么 1.jpg 相对于 1.html 是放在其上一级文件夹中,那么代码应该这么写:<img src=”../img/1.jpg” />

3.3、再比如 1.html 存放在 D:/资料/网站/html/第一节,而 1.jpg 存放在 D:/资料/网站/img,那么 1.jpg 相对于 1.html 是放在其上一级文件夹中,那么代码应该这么写:<img src=”../img/1.jpg” />

理解了这三个例子中的逻辑关系太重要了,对于以后自己动手对 php 文件小修小补简直再方便不过了,因为 php 代码中会经常见到相对路径,如果你不明白相对路径的道理是找不到对应文件的。

三、回答几个问题

下面回答网友@什么提出的几个问题

1、同一个服务器如何创建多个网站?

用宝塔面板的“添加站点”功能可以创建多个网站。如果你想在 A 网站的子目录中创建 B 网站,也是同样的操作,不同之处是 B 网站根目录指向的是 A 网站的子目录。

lnmp 创建多个网站使用 lnmp vhost add 命令,具体操作请移步lnmp1.4 测试版一键脚本安装及功能体验。

2、让软件怎么在服务器 24 小时运行?

这个问题比较笼统,一般 windwos 服务器中用到的比较多。无论 linux 服务器还是 windows 服务器,不重启电脑的话软件都会默认一直运行下去;如果定期重启服务器,那么可以把软件添加到服务器的启动项中,每次重启后都自动启动软件。

3、如何知道这个服务器可以创建几个网站,而能承受得住?

一般来说 1 核 1G 的云服务器,比如阿里云和腾讯云,日 3000IP 左右就可以考虑升级配置了。当然这个数字不是那么绝对的,主要还是看你的实际情况。如果你的业务对 CPU 和内存消耗并不大,那么按照前面操作是可以的;如果你的业务项目比较耗费 CPU 和内存那么要根据实际情况来决定是否要升级配置。后面会写文章具体分析如何判断服务器要升级配置了,请大家多多关注魏艾斯博客。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

WordPress自定义栏目运用实例III:添加原创/转载文章不同版权声明

这里是WordPress自定义栏目运用实例系列第三讲,为大家带来用自定义栏目添加原创/转载文章不同版权声明。跟本上,这个与之前的《WordPress自定义栏目运...

1938
来自专栏web开发

初识NodeJS

1.JavaScript 模块化规范 浏览器环境 AMD Asynchronous Module Definition RequireJS CMD Com...

65510
来自专栏知晓程序

开发 | 无需后端编码,10 分钟教你实现一个朋友圈小程序

虽然目标功能的业务逻辑并不复杂,但其背后需要一套靠谱的权限控制系统,也意味着需要一个完整的后端服务系统来支持运行。

1994
来自专栏酷玩时刻

IDE中显示 *.properties 为中文

之前做过几个开源项目(极速开发微信公众号weixin_guide以及IJPay 让支付触手可及),Demo中有涉及到一些配置文件。有些同学下载了之后反馈说有乱码...

1102
来自专栏idealclover的填坑日常

phpstorm 与服务器保持更新

说起来自己也已经折腾这个网站折腾了几个月了,但是每次更改都要从服务器上把网站文件拽下来,编辑,再放回去(是在是用不惯linux上的vim...配置成本太高......

3381
来自专栏iOS 开发杂谈

CornerStone的使用

对于我们程序员来说,不管你是大神,还是小鱼小虾,进入公司之后,都用过源码管理工具,不然你就不是一个合格的程序员,现在各个公司用于源码管理工具通常有下面两种:

3831
来自专栏前端杂货铺

XSS分析及预防

XSS(Cross Site Scripting),又称跨站脚本,XSS的重点不在于跨站点,而是在于脚本的执行。在WEB前端应用日益发展的今天,XSS漏洞尤其容...

3617
来自专栏java一日一条

9 个使用前必须再三小心的 Linux 命令

Linux Shell/terminal 命令非常强大,即使一个简单的命令就可能导致文件夹、文件或者路径文件夹等被删除。

831
来自专栏腾讯云实验室

搭建微信 AI 机器人

腾讯云提供了开发者实验室帮助用户搭建微信 AI 机器人,教程内容如下,用户可以点击开发者实验室快速上机完成实验。

8.3K15
来自专栏腾讯IVWEB团队的专栏

Node.js 编写 CLI 的实践

通常而言,Node.js 的应用场景有前后端分离、海量web页面渲染服务、命令行工具和桌面端应用等等。本篇文章选取 CLI(Command Line Tools...

3170

扫码关注云+社区

领取腾讯云代金券