首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

基于 Django 个人网站(2)

上回说到,因为文章内容数据类型是文本字段,文本字段只能输入字符,图片就不行了,当时我给出了两种方案——markdown 和富文本编辑器,我决定选择富文本编辑器,因为 Django 富文本编辑器插件有很多...可以发现功能很明显多了不少,代码块也有了,到此为止后台部分全部结束了,接着去编写前台代码。 ?...DOCTYPE html> 陈志豪个人网站 ...--suppress HtmlDeprecatedAttribute --> 陈志豪个人网站 {% for article in articles %}...很明显修改成功了,在编写其他代码之前我们先去测试这个富文本编辑器中所有格式是否都可以被正常显示,我们去增加一篇文章。 增加文章之后我们进入文章详情页面,看看是不是富文本可以正常显示,如图所示。

2.1K20

基于 Django 个人网站(3)

上回说到,因为富文本内容在前台文章详情页面显示时候出了一些小问题,比如图片表格没有居中,代码不能选择语言外加上没有高亮显示,今天我就来解决这些问题。...-5 对应路径下(同时也需要复制修改源码文件)。...可以发现代码块插件成功被添加,要想添加其它插件也是利用同样方法,接下来我们去首页看看代码块插件实现效果,如图所示。 ? ?...可以发现确实成功实现了代码高亮,接下来我们需要处理是段落首行缩进,图片和表格居中显示。 ?...其他格式 段落首行缩进,图片和表格居中显示很简单,使用 CSS 就可以解决掉,在编写 css 之前,我们先找到段落、图片和表格对应标签,先直接上图。 ? ? ?

2.4K30
您找到你想要的搜索结果了吗?
是的
没有找到

基于 Django 个人网站(1)

考虑到本人前段时间主要是因为毕业论文(设计)答辩等各种各样事情忙没有时间写原创,所以前段时间我一直转载别人文章,我没有想到公众号居然改版这么快,居然都有专栏了~!...因为我之前注册过一个域名,也已经备案了,准备搭建个人网站;但是因为没什么时间,一直没有搭建,今天我就教大家使用 Django 搭建一个个人网站。 ?...创建项目 通过看图,应该可以看出我安装是 Django3.0.6 版本,接下来就是新建一个 Django 项目,我直接使用 PyCharm 专业版可视化操作而不是命令来创建项目,打开 PyCharm...设计与实现 接下来我们就需要考虑网站搭建所需要功能,我在这里尽可能弄简单一点,这里参与者只有两个:作者和读者,其中作者具有对文章类别和文章本身进行增删改查操作,读者具有阅读文章和搜索文章两个操作...因为这个网站比较简单,我们只要创建一个 app 就够了,打开 PyCharm,点击 Terminal,如图所示。 ?

1.4K20

基于Halo搭建个人网站

前言 最近花了点时间基于Halo把自己网站改造了下,实现了站内文章阅读、点赞、评论、留言板等功能,本文就跟大家介绍并分享下我改造后网站[1],欢迎各位感兴趣开发者阅读本文。...对我改造好网站比较感兴趣开发者,请移步:在线地址[5] 自定义数据库 如果你有一定Java/SpringBoot/Gradle基础,希望对搭建好环境进行更深层次定制,你可以继续阅读本章节,否则跳过即可...由于默认界面是比较丑,halo提供了主题仓库[9],里面有许多第三方主题,可以挑选一个好看进行改造,我挑选是Joe 2.0主题[10],基于它进行了改造,在线地址[11],最终效果如下所示: 注意...image-20220506004444333 改造后网站 接下来,跟大家介绍下我个人网站[13]中都有哪些内容。...image-20220506010006880 留言板 如果有想对我说的话,欢迎在此留言 image-20220506010200337 关于我 此处将展示一些我个人介绍。

3.5K30

php个人博客系统项目网站

php开发个人博客系统,没有用框架环境:mysql5.5+php7.3.5 简单版功能:只有一个用户admin,登录,首页展示该用户语录,该用户博文,只能发布一篇,重复发布被替换;相册展示(不分页...),个人中心:编辑语录,编辑唯一博客,上传网络图片(不是本地上传),查看留言 演示视频 https://www.bilibili.com/video/BV1UZ4y1w7k6/?...vd_source=ed0f04fbb713154db5cc611225d92156加强版: 首页,站长信息展示,博客分页展示,博客详情,博客搜索,相册分页展示,图片预览,登录,注册,退出,给站长留言 个人中心...:个人基本信息修改,头像上传(本地上传),上传照片(本地上传),照片分页展示,删除照片,发布博客,博客编辑和添加,删除博客,站长查看留言,博客分页展示演示视频 https://www.bilibili.com

3.4K30

基于腾讯云个人网站架构

本文介绍如何基于腾讯云各种云产品优雅地搭建个人网站,涉及云产品有云服务器、SSL、企业邮箱、对象存储、CDN、云函数、API网关、云监控等。...下面以基于腾讯云搭建个人网站为例,对网站整体架构进行介绍。 网站目前主要功能是个人博客,后续可以扩展如个人网盘等其他应用。...有了服务器资源就可以开始博客搭建,我选博客系统是极简主义Typecho,安装过程可以参考这篇博文,主要是在服务器上安装nginx、mysql、php以及typecho源码。...腾讯云提供了云函数SCF(Serverless Cloud Function),是一种FaaS技术。...个人开发者可以把个人网站当做一个产品来做,思考如何利用好公有云各种云产品资源来提升用户体验,提高开发效率,降低运维成本。

5K31

基于django个人博客网站建立(三)

基于django个人博客网站建立(三) 前言 今天主要完成是文章在页面的显示以及评论,留言 具体内容 首先我希望主页面是显示我所有文章,于是在主页面的视图函数中返回了所有的文章对象: def index...代码是为code元素添加pre父元素,这样可以使markdown文章中代码部分显示更友好,具体页面为: ?...值是为了应用gravatar.com网站头像,它根据邮箱hash值来显示不同头像,通过一个图片链接就可以显示,具体就不多说了 最后是留言部分,先创建留言表: class Message(models.Model...留言当然是给我自己看,所以只在后台显示了 总结 今天主要部分就是上面所说,中间还有很多地方也做了改善但并没有说出来,这里主要是为了进行一个主要内容记录,同时也可以提供一下思路,并没有记录太细...明天预计完成留言,评论在后台管理,以及文章在前端分页显示。 ​

1.9K20

基于django个人博客网站建立(六)

基于django个人博客网站建立(六) 前言 今天主要完成是项目在腾讯云服务器上ubuntu16.04+django+mysql+uwsig+nginx部署过程 目前可以通过此处点击访问 主要内容...按照步骤一步一步说 1.python环境安装与pip安装 这里没有采用虚拟环境,是把项目直接运行,所以要先配置安装好python3,以及使用pip安装相应需要库,我项目需要安装django,...中debug模式关掉,最后还要记得把migrations文件中迁移生成py文件也删除掉,因为我数据库写项目时用是本地数据库,那么服务器上数据库是新建,所以需要重新迁移生成表,当然如果之前就使用是服务器上数据库就不用再修改了...,直接用和原来一样就可以。...myBlog_uwsgi.ini 然后执行 /etc/init.d/nginx restart 此时通过访问http://ip:8888即可访问项目了 总结 项目的部署基本完成,我也弄了个域名,正在备案,由于域名所有者名字英文名称不是中文名汉语拼音

1.2K10

基于django个人博客网站建立(四)

基于django个人博客网站建立(四) 前言 今天主要添加了留言与评论在后台管理和主页文章分页显示,文章类别的具体展示以及之前预留链接补充 主要内容 其实今天内容和前几天基本相似,就是个体力活...接下来讲主页分页显示 这里主要用了djangoPaginator做了分页管理: def index(request): if request.method == 'GET':...图中每一个分类配图是使用https://source.unsplash.com/random/800x450 网站随机图片,所以页面加载有一点慢,但还可以接受 最后就是点击分类进入该分类文章区域...,和主页显示类似,不多说了。...总结 对于文章相关东西到目前为止基本差不多了,大体功能已经实现,一些细节部分以后再完善,明天预计完成一个添加照片分享功能,可以记录和展示一下自己拍到或收集到图片。 ​

1.8K20

基于django个人博客网站建立(二)

基于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...static/assets/backend/vendor_components/to-markdown/to-markdown.js"> {% endblock %} 总结 这次基本上完成了个人博客文章在后台管理

1.8K20

基于服务器个人博客网站搭建

网站搭建 目录 网站搭建 A1 基础 A2 域名 2.1 域名解析 2.2 添加记录 2.2 域名备案 A3 ECS云服务器搭建博客 3.1 安全组添加8888端口 3.2 安装宝塔 3.3 访问网站,...install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh 3.3 访问网站...登录成功,选LAMP,一键安装(wordpress要求php5.6以上,不过后续可以改) ? 时间较长,耐心等待。 3.4 安装wordpress 3.4.1 安装宝塔部署 ?...4.2 自己添加网页 如果想用自己学web前端代码知识做一个自己页面的话,如果用是宝塔面板的话可以去找到文件选项下wwwroot文件夹,再点进去找到自己域名文件夹,里面有一个index.html...A5 相关 5.1 宝塔面板登录不上:请使用正确入口登录面板 5.2 网站备案后没有找到站点

3.9K31

VuePress搭建技术网站个人博客

Nuxt: Nuxt: VuePress 能做事情,Nuxt 理论上确实能够胜任,但Nuxt 是为构建应用程序而生 VuePress: 专注在以内容为中心静态网站上,同时提供了一些为技术文档定制开箱即用特性...Docsify / Docute: 同样都是基于 Vue,然而它们都是完全运行时驱动,因此对 SEO 不够友好 ③. Hexo: 主题系统太过于静态以及过度地依赖纯字符串, 而不是基于Vue。...技术文档网站: vue全家桶官网:vue、vuex、vue-cli、vue-router以及vuepress本身 2....配置首页(可选): 一般技术文档网站都需要一个首页作为该技术简介,个人博客也需要这样欢迎页。...选择你服务器 服务器有免费和收费两种,各有优劣: ① 免费: 使用 Github Pages 。即 Github 提供、用于搭建个人网站静态站点托管服务。很多人用它搭建个人博客。

1.6K10

基于 Gitee 搭建个人网站-入门教程

前言 这是一篇基于Gitee搭建个人网站保姆级教程。从零到一。如果你想基于云服务器搭建,我以前写过一篇菜鸟篇。...适合人群:入门级别教程,如果你想拥有一个自己网站,又苦于没有云服务器,这个是你不二选择。 本篇是基于 docsify 搭建,docsify 是一个文档类博客模板,简介且方便使用。...后面一一解释 本地预览网站:docsify serve ./ 然后访问:http://localhost:3000/ [在这里插入图片描述] 初始化后效果图 [在这里插入图片描述] 工程&配置介绍 下面是我们需要一些基础配置...[在这里插入图片描述] 1. index.html:入口文件,docsify 各项配置都在此页面设置。 2. README.md:默认展示首页就是 README.md 里内容。...3. .nojekyll:用于阻止 GitHub Pages 会忽略掉下划线开头文件。 <!

2.5K30
领券