python bootstrap container宽度_边做边学,Python&Django实战教程-08-使用Bootstrap样式

更换博客样式

如果您是一步一步跟着操作的,并且在管理后台(http://xxxxxx.com/admin)上传了文章,我们打开博客来看看

不管怎么样,我是不太喜欢这个风格的

这一节我们就来换上我钟爱的Bootstrap

还是那句话,大家先看看能不能照着参考文章自己摸索出来。

我也是完全参考官方文档来学的,大家尽量自己总结,做记录写成博客。

本地操作首先使用pip安装 django-app-namespace-template-loader

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple zinnia-theme-bootstrap

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple django-app-namespace-template-loader

添加namespace Loader

如果使用的Django版本>=1.8,需要按照下面的方式修改配置文件

把'app_namespace.Loader'添加到loaders中

TEMPLATES = [

{

'BACKEND': 'django.template.backends.django.DjangoTemplates',

'DIRS': [],

'APP_DIRS': True,

'OPTIONS': {

'context_processors': [

'django.template.context_processors.debug',

'django.template.context_processors.request',

'django.contrib.auth.context_processors.auth',

'django.contrib.messages.context_processors.messages',

'zinnia.context_processors.version', # Optional

],

'loaders': [

'app_namespace.Loader',

'django.template.loaders.filesystem.Loader',

'django.template.loaders.app_directories.Loader',

],

},

},

]

注意,把其中两行注释或者删除掉,否则会报错:app_dirs must not be set when loaders is defined.

这是因为如果设置APP_DIRS为True,就需要指定DIRS

'DIRS': [],

'APP_DIRS': True,

添加zinnia_bootstrap

在 INSTALLED_APPS中添加zinnia_bootstrap

INSTALLED_APPS = (

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'django_comments',

'django.contrib.sites',

'mptt',

'tagging',

'zinnia_bootstrap',

'zinnia',

)

zinnia_bootstrap必须放在zinnia前面

怎么样,是不是很简单啊。把博客跑起来看一看,样式是不是有所改观呢?

如果不记得怎么操作,就到前面几往篇博客里面翻一翻吧~

服务器端打开putty,连接服务器,进入工作目录、激活虚拟环境

sudo su - uner_zinnia

source bin/activate

安装

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple zinnia-theme-bootstrap

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple django-app-namespace-template-loader

代码上传

我们只需要将之前修改的文件放到git目录,然后将本地代码进行上传即可打开Git Bash

cd 进入 d:/webapps/zinnia/code文件夹

git add . 添加修改

git commit -m "use bootstrap" 提交修改

git push -u zinnia master 推送到服务器

重启

sudo supervisorctl restart zinnia

大功告成!

我们的博客虽然初出茅庐,但是用的可都是潮流前沿的技术哦~

如果想更进一步了解Bootstrap,可以去中文网站去逛一逛

提醒大家一句,做网页,学习分支很多,bootstrap、jquery、js、html5 等等,大家一定要找到自己的主线,千万不要误入歧途!!

最新的样式到底什么样?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值