构建一个简单的静态网站
构建一个简单的静态网站
本文将引导你使用基本的 Linux 命令和工具创建一个简单的静态网站。
准备工作
-
创建一个新目录:
bash mkdir my-website cd my-website -
创建 index.html 文件:
bash touch index.html -
使用文本编辑器打开 index.html:
bash nano index.html
添加内容
在 index.html 文件中添加以下 HTML 代码：
```html
欢迎来到我的网站！
这是我的第一个静态网站。
```
创建子目录
-
创建一个名为 "css" 的目录:
bash mkdir css -
创建一个名为 "style.css" 的 CSS 文件:
bash touch css/style.css
添加样式
在 css/style.css 文件中添加以下 CSS 代码：
```css body { font-family: sans-serif; margin: 0; padding: 20px; }
h1 { text-align: center; color: #333; } ```
链接 CSS 文件
在 index.html 文件的 <head> 部分添加以下代码：
html
<link rel="stylesheet" href="css/style.css">
运行网站
-
安装 httpd (Apache) 服务:
bash sudo apt update sudo apt install apache2 -
启动 Apache 服务:
bash sudo systemctl start apache2 -
打开浏览器，访问 http://localhost/ 即可查看你的网站。
其他选项
- 可以使用其他文本编辑器，例如 Vim 或 Emacs。
- 可以使用更高级的工具，例如 Jekyll 或 Hugo 来构建静态网站。
- 可以添加更多内容，例如图片、视频和链接。
总结
通过这些简单的步骤，你已经成功构建了一个简单的静态网站。现在可以根据需要添加更多内容和样式来个性化你的网站。
- 本文标签： Linux
- 本文链接： https://blog.sandy1029.cloud/article/429
- 版权声明： 本文由nisan原创发布，转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权