上回说到,因为文章内容的数据类型是文本字段,文本字段只能输入字符,图片就不行了,当时我给出了两种方案——markdown 和富文本编辑器,我决定选择富文本编辑器,因为 Django 的富文本编辑器插件有很多...django-ckeditor 的安装 django-ckeditor 的安装非常简单,直接:pip install django-ckeditor 就行了,安装完成之后如图所示。 ? ?...django-ckeditor 的使用 使用 django-ckeditor 非常简单,因为我这里安装的是 django-ckeditor-5,和 django-ckeditor 差不多,但是也还是有一些区别的...DOCTYPE html> 陈志豪的个人网站 ...--suppress HtmlDeprecatedAttribute --> 陈志豪的个人网站 {% for article in articles %}
增加可以选择语言的代码块 因为 django-ckeditor-5 里面默认是没有可以选择语言代码块插件的,所以我们需要自己定制这个插件,定制之前我们首先去 GitHub 把 django-ckeditor...自定义 django-ckeditor 在这里,我通过添加代码块插件为例讲解一下如何自定义 django-ckeditor-5,在自定义之前我们首先需要下载 django-ckeditor-5 源码,然后找到其中的...之后我们就是尝试把默认的 ckeditor5 进行修改,主要分为以下几步:1.修改 JS 源代码,2.安装依赖模块,3.使用 webpack 重新打包,把打包好的预编译的 JS 文件,复制到 django-ckeditor...输出有点多,我们不用管,只要没看到报错就行,接下来我们把 static\django_ckeditor_5\dist 目录下的文件复制到 Python 模块 django-ckeditor-5 的对应路径中..._5\src 目录下的文件复制 Python 模块 django-ckeditor-5 的对应路径中,在我这里是 D:\ANACONDA3\Lib\site-packages\django_ckeditor
上回说到,我们给前端界面添加了样式,这回我就不配置其他数据库了,就用默认的 SQLite,直接进行部署,在部署之前,我们现在服务器上安装相应的运行环境,我在这里使用 Gunicorn+Nginx,进行部署...pip3 install Djangopip3 install gunicorn 如果都没有报错就意味着安装成功,接下来就是讲一下安装 django-ckeditor-5,这个我们直接把修改的源码先上传到服务器.../django-ckeditor-5-master/python3 setup.py install 运行项目 该安装的都装好了,接下来把项目上传到服务器,并启动项目: python manage.py...这是因为一旦把 DEBUG 设置成了 False,Django 它就不会直接寻找静态文件,我们需要借助 Nginx 来实现静态文件的寻找,在此之前我们先让 gunicorn 以守护态运行这个项目,这里我就不开放远程访问了...,这里直接给出修改后的内容,首先是 /etc/nginx/nginx.conf,这个文件改动的不是很多,修改后的内容如下: user root
,接下来我就给出视图、模板和 URL 的完整代码,首先是视图 personal_website\views.py,代码如下: from django.db.models import Q from django.views.generic...from django.contrib.staticfiles.urls import staticfiles_urlpatterns from django.conf import settings...DOCTYPE html> 陈志豪的个人网站 陈志豪的个人网站 首页...--suppress HtmlDeprecatedAttribute --> 陈志豪的个人网站 首页
因为我之前注册过一个域名,也已经备案了,准备搭建个人网站;但是因为没什么时间,一直没有搭建,今天我就教大家使用 Django 搭建一个个人网站。 ?...Django 的安装 在开始之前,我们首先需要安装 Django。...创建项目 通过看图,应该可以看出我安装的是 Django3.0.6 的版本,接下来就是新建一个 Django 项目,我直接使用 PyCharm 专业版的可视化操作而不是命令来创建项目,打开 PyCharm...设计与实现 接下来我们就需要考虑网站搭建所需要的功能,我在这里尽可能弄的简单一点,这里的参与者只有两个:作者和读者,其中作者具有对文章的类别和文章本身进行增删改查的操作,读者具有阅读文章和搜索文章两个操作...因为这个网站比较简单,我们只要创建一个 app 就够了,打开 PyCharm,点击 Terminal,如图所示。 ?
上回说到,我们实现了搜索和分类两个页面,顺便简单地讲了一下 bootstrap 前端框架的安装,这回我们就来正式使用这个框架,来美化一下前端的内容。 ?...bootstrap 的配置 配置 bootstrap 很简单,首先是 css 文件的导入,我们只要将 css 文件以 link 标签的形式添加到 head 标签中,并放置在所有其他样式表之前就行,代码如下...DOCTYPE html> 陈志豪的个人网站 陈志豪的个人网站...style> 陈志豪的个人网站
Django是一个非常受欢迎的全功能服务器端Python Web框架,可以快速开发安全和可维护的网站。由经验丰富的开发人员构建。...本篇教程将指导使用Django构建一个简单的网站框架。您将会了解如何在服务器上搭建Python3及Django框架,并创建您的第一个项目。您需要准备一个云服务器CVM。...创建项目 首先打开命令提示符/终端,确保您在虚拟环境中,导航 到您要存储Django应用程序的位置,并为您的新网站创建一个文件夹(举例:django_projects)。...当我们创建网站时,Django会自动添加一些模型供网站的管理部分使用(我们稍后会详细介绍)。...此时我们知道Django正在工作! 完成 恭喜您!到了这一步,您已经拥有了一个可以初步使用的网站模型,您可以在该模型上进行网站的页面创建,导航,应用修改等等操作。
一、创建django项目 通过命令创建: django-admin startproject 项目名称 创建app应用 python3 manage.py startapp 应用名 #这里manage.py...是创建完成django项目后产生的文件 到此步基础的创建完成, 把新增的app应用添加到配置文件中去 命令行创建django项目没有templates文件夹,这个文件夹是存放html文件的 手动创建一个...templates文件夹,把这个文件夹添加到配置文件中去 到这里就可以启动django项目了 准备: 1、需要提前创建好数据库,设置好表格字段,迁移生成数据库表(ORM) 1.1、修改现有数据库连接方式...,修改settings文件: DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', '...文件中添加生成数据库表格字段的语句内容: 1 2 3 4 5 6 7 8 9 10 11 from django.db import models # Create your models here
2.我们在pycharm中新建的html文件里面不会有内容,我们输入!,然后按tab,就会自动生成一个简单的html页面 ?...我们简单的在里面加个 3.我们配置news中的views.py和urls.py views.py from django.shortcuts import render # Create...'test.html') urls.py from django.contrib import admin from django.urls import path from . import views...urlpatterns = [ path('',views.index), ] 4.配置myweb中的urls.py from django.contrib import admin from...总结,具体的流程是:myweb中的urls.py--news中的urls.py--news中的views.py中的index函数--test.html
1.打开终端,进入到django项目,创建APP应用:python manage.py startapp news ? 2.在settings.py中进行注册 ?...views.py: from django.shortcuts import render # Create your views here. from django.http import HttpResponse...def index(request): return HttpResponse("hello world") urls.py: from django.contrib import admin...from django.urls import path from . import views urlpatterns = [ path('',views.index), ] 4.在myweb...中的urls.py from django.contrib import admin from django.urls import path,include from news import urls
1.安装 安装Sitemap APP的步骤如下: 在INSTALLED_APPS设置中添加'django.contrib.sitemaps'; 确认你的TEMPLATES设置中包含DjangoTemplates.... # sitemaps.py from django.contrib.sitemaps import Sitemap from myweb.models import News from django.urls...] 当客服端访问 /sitemap.xml时,这将告诉Django生成一个Sitemap....).它也可以映射到Sitemap类的实例(例如: NewsSitemap(some_var)). 3.静态视图的Sitemap 通常,您希望搜索引擎抓取工具索引既不是对象详细信息页面也不是列表页的视图(...解决方案是在 items 中显式列出这些视图的网址名称,并在网站地图的 location 方法中调用 reverse() from django.contrib.sitemaps import Sitemap
# django.contrib.auth 是 Django 内置的应用,专门用于处理网站用户的注册、登录等流程,User 是 Django 为我们已经写好的用户模型。...# django.contrib.auth 是 Django 内置的应用,专门用于处理网站用户的注册、登录等流程,User 是 Django 为我们已经写好的用户模型。...例如这里的 {{ post.pk }}(pk 是 primary key 的缩写,即 post 对应于数据库中记录的 id 值,该属性尽管我们没有显示定义,但是 Django 会自动为我们添加)。 ...带你从零开始一步步开发属于自己的博客网站,帮助你以最快的速度掌握 Django 开发的技巧......下一篇: Django搭建博客网站(2)
以上就是解决思路,但模板标签不是我们随意写的,必须遵循 Django 的规范我们才能在 Django 的模板系统中使用自定义的模板标签,下面我们就依照这些规范来实现我们的需求。...name(名字)、email(邮箱)、url(个人网站),用户发表的内容将存放在 text 字段里,created_time 记录评论时间。...Django 提供的不仅仅是这些,我们的博客也不仅仅只有这些功能。如何实现标签云效果?如何给博客提供 RSS 订阅服务?如果实现文章搜索?如果网站需要提供用户系统,如何实现用户的注册登录?...这些需求都可以利用 Django 提供的 API 来实现。 另外,Django 还有海量的第三方应用来提供更加丰富的功能。比如当他人评论了我的文章时,如何收到通知提醒?...网站需要提供新浪微博、微信等社交账号的登录等等,这些都可以借助 Django 第三方应用快速完成,而我们自己只需要写很少量的代码就可以了。
基于django的个人博客网站建立(三) 前言 今天主要完成的是文章在页面的显示以及评论,留言 具体内容 首先我希望主页面是显示我的所有文章,于是在主页面的视图函数中返回了所有的文章对象: def index...代码是为code元素添加pre父元素,这样可以使markdown文章中的代码部分显示的更友好,具体页面为: ?...值是为了应用gravatar.com网站的头像,它根据邮箱的hash值来显示不同的头像,通过一个图片链接就可以显示,具体就不多说了 最后是留言部分,先创建留言表: class Message(models.Model...留言当然是给我自己看的,所以只在后台显示了 总结 今天的主要部分就是上面所说的,中间还有很多的地方也做了改善但并没有说出来,这里主要是为了进行一个主要内容的记录,同时也可以提供一下思路,并没有记录的太细...明天预计完成留言,评论在后台的管理,以及文章在前端的分页显示。
基于django的个人博客网站建立(六) 前言 今天主要完成的是项目在腾讯云服务器上ubuntu16.04+django+mysql+uwsig+nginx的部署过程 目前可以通过此处点击访问 主要内容...按照步骤一步一步说 1.python环境的安装与pip的安装 这里没有采用虚拟环境,是把项目直接运行的,所以要先配置安装好python3,以及使用pip安装相应需要的库,我的项目需要安装django,...markdown,pymysql 2.把项目文件从本地放到服务器上 我的项目文件有上传到github,所以直接在服务器上clone下来,后期有修改也可以拉取下来,同时也把django项目中setting...文件中存储: [uwsgi] # uwsgi监听的socket,一会儿配置Nginx会用到 socket = 127.0.0.1:8000 # 在app加载前切换到该目录,设置为Django项目根目录...chdir = /home/ubuntu/github/myBlog/myBlog # 加载指定的python WSGI模块,设置为Django项目的wsgi文件 module
新建一个 view 用来读取 验证文件的内容,也可以直接把 验证文件的内容 写在变量里 # blog.views.py(baidu.txt 文件要放在项目的主目录) from django.http import.../baidu_verify_8An7TXo8no.html) # 项目主目录的 urls.py(django 1.11.x) from django.conf.urls import url from...# 网站验证 path('root.txt', root) ] * 本段代码同步更新至 https://github.com/yinzhuoqun.../django2 * 5....最后重启 django,让链接(http://isis.top/baidu_verify_8An7TXo8no.html)生效(可以浏览器访问链接是否能访问),再点击验证网站的 完成验证 即可
基于django的个人博客网站建立(五) 前言 之前鸽了两天,今天继续再写点 主要内容 今天加了个展示照片的功能,就叫他生活记录吧 先建表 class Record(models.Model):...-- 保存用户自定义的背景图片 --> 的图片"/>...,之后在页面显示时路径的前缀是固定的 在前端显示为 ?...最后加一个关于界面,也就是一个简单的介绍,内容也用markdown编辑 首先后台添加一个关于内容的输入页面 ?...总结 基本内容已经完成,今天刚搁腾讯云那提交了网站备案审核,明天预计把项目先部署到服务器上看看效果
基于django的个人博客网站建立(二) 前言 今天主要完成后台管理员登录的状态以及关于文章在后台的处理 具体内容 首先接上一次内容,昨天只是完成了一个登录的跳转,其他信息并没有保存到session中,..., **kwargs) else: return redirect('/backend/login') return inner 接下来就是对文章在后台的管理的添加...,主要是显示文章类型,添加文章类型与删除文章类型 我先把完成的网页放出来: ?...') return redirect('/backend/article_type') 这里使用了django中的message,它和flask中的flash类似,可以用来显示错误信息...这里用的是markdown编辑器,可以预览 在后台先pip安装markdown,用于对markdown到html的转换 页面的视图函数为; @auth def write_article(request
基于django的个人博客网站建立(四) 前言 今天主要添加了留言与评论在后台的管理和主页文章的分页显示,文章类别的具体展示以及之前预留链接的补充 主要内容 其实今天的内容和前几天的基本相似,就是个体力活...接下来讲主页的分页显示 这里主要用了django的Paginator做了分页管理: def index(request): if request.method == 'GET':...图中每一个分类的配图是使用的https://source.unsplash.com/random/800x450 网站的随机图片,所以页面加载的有一点慢,但还可以接受 最后就是点击分类进入该分类的文章区域...,和主页显示的类似,不多说了。...总结 对于文章的相关的东西到目前为止基本差不多了,大体功能已经实现,一些细节部分以后再完善,明天预计完成一个添加照片分享的功能,可以记录和展示一下自己拍到的或收集到的图片。
基于django的个人博客网站建立(七) 前言 这次在原来的基础上添加或修改一些小功能 具体内容 1.代码高亮 在原来的blog-details.html页面添加下面的代码: hljs.initHighlightingOnLoad(); 它会自动高亮由markdown转换成的代码部分...id from django.utils.deprecation import MiddlewareMixin import uuid class UserIdMiddleware(MiddlewareMixin...import Sitemap from django.urls import reverse from backend import models class ArticleSitemap(Sitemap...priority>{{ url.priority }} {% endfor %} {% endspaceless %} 添加url from django.contrib.sitemaps
领取专属 10元无门槛券
手把手带您无忧上云