python Django1.3 建立网站，无法加载css

Posted 2023-04-27

html和css文件都已经写好，双击用浏览器打开是能够正常显示，但是放到Django里面建立服务器，打开的东西很乱，文本都在，图片都没有，排版也是面目全非。好像是css无法加载的问题？
跪求高手解答

参考技术A 检查下文件编码和网页头编码声明之类的东西，看看是不是不统一。
没用过 Django 老外的东西应该是utf8格式的文件，你看看css和网页声明是不是也是utf8格式 参考技术B 嗯，是你的样式和图片的路径配置错误。使用开发工具检查一下路径吧。追问

我为了方便，把所有的html和css全放在一个文件夹中了，虽然这样不太好。
实际上我通过改动url里面的urlpatterns，是可以访问到我的css文件的内容的，所以我就困惑了

追答

你引用样式或者图片路径是怎么写的？

追问

你是说在html里面的吗？
都是用相对路径
在index.html是这样：
所有的html都在J:\Job\FirstDJProject\Templates\art\Project

本回答被提问者采纳 参考技术C 看看你css的url目录路径是不是写错了？？？？？css加载不上大部分都是路径问题追问

css的问题解决了，图片依旧无法加载，请问图片需要什么特殊处理吗？

追答

图片无法加载？？你看看图片的路径是否正确？？？？？？通常图片和css无法加载都是路径的问题，看看你是不是把图片的目录换位置了？？？？打开网页查看源码，找到你的图片路径，看看对应不

追问

好像没有问题...以前没有编过网页，能留个QQ号帮我查一下bug么...

基于django的个人博客网站建立

基于django的个人博客网站建立（六）

前言

今天主要完成的是项目在腾讯云服务器上ubuntu16.04+django+mysql+uwsig+nginx的部署过程

主要内容

按照步骤一步一步说

1.python环境的安装与pip的安装

这里没有采用虚拟环境，是把项目直接运行的，所以要先配置安装好python3，以及使用pip安装相应需要的库，我的项目需要安装django，markdown，pymysql

2.把项目文件从本地放到服务器上

我的项目文件有上传到github，所以直接在服务器上clone下来，后期有修改也可以拉取下来，同时也把django项目中setting中的debug模式关掉，最后还要记得把migrations文件中迁移生成的py文件也删除掉，因为我的数据库写项目时用的是本地的数据库，那么服务器上的数据库是新建的，所以需要重新迁移生成表，当然如果之前就使用的是服务器上的数据库就不用再修改了，直接用和原来一样就可以的。

3.配置数据库

首先要安装mysql：

sudo apt-get install mysql-server
sudo apt install mysql-client
sudo apt install libmysqlclient-dev

然后进入数据库创建myblog数据库，这里要保证字符集是utf8，不然存储不了中文字符

CREATE DATABASE myblog DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;

接下来

python3 manage.py makemigrations
python3 manage.py migrate

就可以了

4.简单测试

此时可以通过在服务器上运行来测试下是否能在本地通过ip和端口访问到
运行

python3 manage.py runserver 0.0.0.0:8000 --insecure

这里的—insecure参数是为了在非debug模式下获取到静态文件
如果成功的话，就以及可以在本地通过ip：8000访问到了

5.配置uwsgi

安装uwsgi

sudo apt-get install build-essential python-dev
sudo pip3 install uwsgi

然后在manage.py同级目录下建立my_uwsgi.ini文件（名字随便起的）
文件中存储：

[uwsgi]
# uwsgi监听的socket，一会儿配置Nginx会用到
socket = 127.0.0.1:8000
# 在app加载前切换到该目录，设置为Django项目根目录
chdir           = /home/ubuntu/github/myBlog/myBlog
# 加载指定的python WSGI模块，设置为Django项目的wsgi文件
module          = myBlog.wsgi
# 启动一个master进程来管理其他进程
master          = true
# 工作的进程数
processes       = 4
# 每个进程下的线程数量
threads = 2
# 当服务器退出的时候自动删除unix socket文件和pid文件
vacuum          = true
# 使进程在后台运行，并将日志打到指定的日志文件或者udp服务器
daemonize = /home/ubuntu/github/myBlog/myBloguwsgi.log

6.配置nginx

安装nginx

sudo apt-get install nginx

测试nginx：

/etc/init.d/nginx start

此时通过访问http://IP 可以看到welcome to nginx
然后修改nginx的配置文件
sudo vim /etc/nginx/nginx.conf
在http内加入下面的内容：

server 
    listen         8888; # 设置监听端口号
    server_name    XXX.XXX.XXX.XXX; # 设置对外访问入口，可以是域名可以是IP地址，我设置的是IP 
    charset        UTF-8;  # 设置访问的语言编码
    access_log     /var/log/nginx/myBlog_access.log; # 访问日志记录
    error_log      /var/log/nginx/myBlog_error.log;  # 错误日志记录
    location /    # 设置虚拟主机的基本信息
        include uwsgi_params;
        uwsgi_pass 127.0.0.1:8000; # 刚才uwsgi设置的socket
        uwsgi_read_timeout 2;
       
    location /static    # 静态文件设置，nginx自己处理
        expires 7d;      # 过期时间
        alias /home/ubuntu/github/myBlog/myBlog/statics/;  # 项目静态文件地址
     
 

7.正式启动

在项目根目录下执行

uwsgi --ini myBlog_uwsgi.ini

然后执行

/etc/init.d/nginx restart

此时通过访问http://ip:8888即可访问项目了

总结

项目的部署基本完成，我也弄了个域名，正在备案，由于域名的所有者名字的英文名称不是中文名的汉语拼音，所以还得修改，又得多拖几天了。

?