当前位置: 首页 > news >正文

python bootstrap container宽度_边做边学,PythonDjango实战教程-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 等等,大家一定要找到自己的主线,千万不要误入歧途!!

最新的样式到底什么样?

相关文章:

  • mac 思科 链路聚合_思科实验:STP生成树实验
  • python案例教程钱毅湘_Python案例教程 清华大学出版社 钱毅湘等 高等学校通识教育系列教材 软件工具 程序设计Python...
  • python赋值法例子_Python学习笔记 第五天
  • 边缘计算架构_KubeEdge架构解读:云原生的边缘计算平台
  • 网络摄像头监控软件_一个交换机能带动多少个网络监控摄像头?
  • unity3d显示c4d材质_学习笔记分享 如何学好C4D
  • 数据窗口中的ole控件 pb_工作表数据与UserForm窗口的交互过程中如何实现数据的精确查找...
  • 商业方向的大数据专业_数学专业大数据方向的本科生,考研时该选择大数据还是管理...
  • 高德地图自动生成轨迹_揭秘高德高精度地图,无人驾驶就靠它了
  • python反序列化总结_Python 反序列化安全问题(二)
  • python可以用于工业机器人编程与操作_如何实现工业机器人编程抓取
  • 前后落差大用什么词语_被双子座追到手,你能忍受恋爱前后的反差吗?
  • sheet中没有getcolumns()方法吗_Excel中Enter键使用技巧,这5种方法你都知道吗
  • 淮北市第四届机器人比赛_科技引领 | 沧浪中学承办2020年第四届苏州市青少年人工智能挑战赛...
  • 汽车人机工程学_7万块的国产宝骏530还想跟我谈人机工程学?
  • 【译】JS基础算法脚本:字符串结尾
  • .pyc 想到的一些问题
  • 【跃迁之路】【699天】程序员高效学习方法论探索系列(实验阶段456-2019.1.19)...
  • 【跃迁之路】【733天】程序员高效学习方法论探索系列(实验阶段490-2019.2.23)...
  • 2018以太坊智能合约编程语言solidity的最佳IDEs
  • Docker 笔记(1):介绍、镜像、容器及其基本操作
  • Docker下部署自己的LNMP工作环境
  • Lucene解析 - 基本概念
  • MobX
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • unity如何实现一个固定宽度的orthagraphic相机
  • vue2.0一起在懵逼的海洋里越陷越深(四)
  • Vue学习第二天
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • 分享一份非常强势的Android面试题
  • 配置 PM2 实现代码自动发布
  • 前端临床手札——文件上传
  • 什么是Javascript函数节流?
  • 一天一个设计模式之JS实现——适配器模式
  • 在Docker Swarm上部署Apache Storm:第1部分
  • 看到一个关于网页设计的文章分享过来!大家看看!
  • 如何通过报表单元格右键控制报表跳转到不同链接地址 ...
  • #1015 : KMP算法
  • (1)Android开发优化---------UI优化
  • (c语言)strcpy函数用法
  • (附源码)springboot猪场管理系统 毕业设计 160901
  • (六) ES6 新特性 —— 迭代器(iterator)
  • (一)u-boot-nand.bin的下载
  • (转)Linq学习笔记
  • *p++,*(p++),*++p,(*p)++区别?
  • *p=a是把a的值赋给p,p=a是把a的地址赋给p。
  • .“空心村”成因分析及解决对策122344
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • .net 简单实现MD5
  • .NET精简框架的“无法找到资源程序集”异常释疑
  • .NET中使用Protobuffer 实现序列化和反序列化
  • @RequestMapping处理请求异常
  • [3D游戏开发实践] Cocos Cyberpunk 源码解读-高中低端机性能适配策略
  • [Android]使用Android打包Unity工程
  • [C]整形提升(转载)