运用Nginx搭建一个简单的个人网站

本文详细介绍了如何在Ubuntu系统上利用Nginx搭建个人网站,包括安装Nginx、设置域名、创建服务器块以及验证网站运行。通过这个过程,你可以创建包含图片、链接和下载功能的静态网页,并能通过自定义域名访问。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、目的

尽你所学(采用html、或CSS、或Javascript等)完成一个静态网页,比如制作一个简单的个人介绍网页,至少包含一张图片、一个二级网页跳转链接和一个文件下载链接;将制作的网页资料上传至Ubuntu系统,用ngnix完成一个简单web网站。

二、完成步骤

1.安装nginx

(1)在ubuntu终端中输入如下命令

sudo apt-get install nginx

(2)使用命令查看Nginx服务状态

sudo systemctl status nginx

在这里插入图片描述
如图所示,说明安装成功

(3)更改防火墙状态

sudo ufw allow 'Nginx Full'

在这里插入图片描述

(4)在浏览器中输入自己的ip地址,默认的 nginx 登录页面

在这里插入图片描述
如图,则Nginx安装成功

2.设置Nginx

(1)将域名指向本机

输入命令

sudo vim /etc/hosts

再在其中添加你想设置的域名

我添加的是

127.0.0.1 www.namck.com

在这里插入图片描述
完成之后,重启网络设置

sudo /etc/init.d/networking restart

在这里插入图片描述
(2)创建目录结构

①为www.namck.com 创建根目录

sudo mkdir -p /var/www/www.namck.com/public_html

在这里插入图片描述
②进入域文档根目录下,创建一个文本文件供下载

sudo vim xiazai.txt
sudo rar a download.rar xiazai.txt

在这里插入图片描述
③接着再创建一个html文件,并添加进如下代码

sudo vim index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>网站</title>
    <link rel="stylesheet" type=
### 搭建个人博客网站的技术栈 搭建个人博客网站一个多阶段的过程,涵盖了从规划到部署的多个方面。以下是具体的方法和技术栈的选择: #### 1. **规划网站内容和结构** 在开始编码之前,明确博客的目的及其核心功能至关重要。这一步决定了后续技术选型的方向[^3]。 - 明确目标:是用于分享技术文章、生活感悟还是其他主题? - 设计页面:常见的页面包括首页、分类页、标签页、单篇博文详情页、关于作者页等。 - 页面布局:可以通过草图或者设计工具(如 Figma)完成初步的设计方案。 #### 2. **选择合适的技术栈** ##### 前端部分 前端负责用户的界面显示和交互逻辑。可以选择以下技术组合: - **HTML/CSS/JavaScript**: 构成网页的基础三件套。 - **现代框架**: 可以考虑使用 React 或 Vue 这样的现代化框架来增强用户体验[^3]。 ##### 后端部分 后端提供数据存储和服务支持。根据需求复杂度和个人熟悉程度,可选择不同的解决方案: - **Python 的 Flask/Django**: - Flask 更适合轻量级的应用场景,易于快速上手并实现基础功能[^2]。 - Django 是一个全栈框架,内置了许多高级特性(ORM、Admin 界面),非常适合需要强大后台管理系统的情况[^4]。 - 数据库建议采用关系型数据库 MySQL 或 PostgreSQL,它们能够很好地满足大多数博客的数据管理需求[^3]。 #### 3. **开发过程中的关键点** - **设置开发环境**: 需要安装必要的依赖项,例如 Python 解释器、虚拟环境工具 `venv` 或者包管理工具 pip[^4]。 - **编写代码**: - 对于 Flask 应用程序,可以从创建基本路由入手,定义 URL 路径与视图函数之间的映射关系[^2]。 ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') if __name__ == '__main__': app.run(debug=True) ``` - 在 Django 中,则需配置项目的 settings 文件,并利用其强大的 ORM 功能操作模型对象。 - 测试: 开发过程中应持续验证各个模块的功能是否按预期工作,在不同设备和浏览器环境下进行全面兼容性检测[^3]。 #### 4. **部署上线** 当本地调试完成后即可进入最后一步——将站点发布至公网访问地址下: - 推荐使用的云服务平台有 GitHub Pages(仅限静态资源)、Netlify/Vercel(支持 SSR/JAMstack架构),还有 Heroku(AWS EC2实例托管). - 若选择了基于 Python 的 Web Frameworks(Django / Flask),则还需要额外关注 WSGI Server(Gunicorn/uWSGI)以及 Nginx/Apache反向代理层的相关配置细节[^4]. --- ### 总结 通过上述步骤可以看出,成功建立一个完整的个人博客不仅考验开发者对各项技能的理解运用能力,同时也非常注重实践动手能力和解决问题的经验积累。希望这些指南能帮助您顺利开启自己的线上创作之旅!
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值