3年前写的一个技术博客。。。纪念一下。...OpenIdea Blog - 开源灵感博客 a personal blog site based on Java/Mysql - 基于Java/Mysql的个人博客网站;此时已经更新至version@...introduction - 简介 博客用到的技术有:h5/css3/es6,jsp,servlet,mysql,bootstrap,ajax,json 其中jsp技术用到了jstl标签库,el表达式和标准动作等...然后找到src目录下的c3p0-config.xml文件填写唯一的mysql用户名和密码;(必须拥有读和写的权限) 4....原作者的成品网站示例(已经失效): www.openidea.xin ---- 2018-6-13 停止维护java版本
上回说到,我们给前端界面添加了样式,这回我就不配置其他数据库了,就用默认的 SQLite,直接进行部署,在部署之前,我们现在服务器上安装相应的运行环境,我在这里使用 Gunicorn+Nginx,进行部署...,这里直接给出修改后的内容,首先是 /etc/nginx/nginx.conf,这个文件改动的不是很多,修改后的内容如下: user root...504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } # proxy the PHP...scripts to Apache listening on 127.0.0.1:80 # #location ~ \.php$ { # proxy_pass http:/...~ \.php$ { # root html; # fastcgi_pass 127.0.0.1:9000; # fastcgi_index
上回说到,因为文章内容的数据类型是文本字段,文本字段只能输入字符,图片就不行了,当时我给出了两种方案——markdown 和富文本编辑器,我决定选择富文本编辑器,因为 Django 的富文本编辑器插件有很多...可以发现功能很明显的多了不少,代码块也有了,到此为止后台部分全部结束了,接着去编写前台的代码。 ?...DOCTYPE html> 陈志豪的个人网站 ...--suppress HtmlDeprecatedAttribute --> 陈志豪的个人网站 {% for article in articles %}...很明显的修改成功了,在编写其他代码之前我们先去测试这个富文本编辑器中的所有格式是否都可以被正常的显示,我们去增加一篇文章。 增加文章之后我们进入文章详情页面,看看是不是富文本可以正常显示,如图所示。
上回说到,因为富文本的内容在前台的文章详情页面显示的时候出了一些小问题,比如图片表格没有居中,代码不能选择语言外加上没有高亮显示,今天我就来解决这些问题。...-5 的对应路径下(同时也需要复制修改的源码文件)。...可以发现代码块插件成功被添加,要想添加其它插件也是利用的同样的方法,接下来我们去首页看看代码块插件的实现效果,如图所示。 ? ?...可以发现确实成功的实现了代码高亮,接下来我们需要处理的是段落的首行缩进,图片和表格的居中显示。 ?...其他格式 段落的首行缩进,图片和表格的居中显示很简单,使用 CSS 就可以解决掉,在编写 css 之前,我们先找到段落、图片和表格对应的标签,先直接上图。 ? ? ?
DOCTYPE html> 陈志豪的个人网站 陈志豪的个人网站 首页...--suppress HtmlDeprecatedAttribute --> 陈志豪的个人网站 首页...Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。...好,今天就讲到这里,明天我就直接给出修改好的模板文件的源码,同时给出运行的效果。
考虑到本人前段时间主要是因为毕业论文(设计)的答辩等各种各样的事情忙的没有时间写原创,所以前段时间我一直转载别人的文章,我没有想到公众号居然改版的这么快,居然都有专栏了~!...因为我之前注册过一个域名,也已经备案了,准备搭建个人网站;但是因为没什么时间,一直没有搭建,今天我就教大家使用 Django 搭建一个个人网站。 ?...创建项目 通过看图,应该可以看出我安装的是 Django3.0.6 的版本,接下来就是新建一个 Django 项目,我直接使用 PyCharm 专业版的可视化操作而不是命令来创建项目,打开 PyCharm...设计与实现 接下来我们就需要考虑网站搭建所需要的功能,我在这里尽可能弄的简单一点,这里的参与者只有两个:作者和读者,其中作者具有对文章的类别和文章本身进行增删改查的操作,读者具有阅读文章和搜索文章两个操作...因为这个网站比较简单,我们只要创建一个 app 就够了,打开 PyCharm,点击 Terminal,如图所示。 ?
上回说到,我们实现了搜索和分类两个页面,顺便简单地讲了一下 bootstrap 前端框架的安装,这回我们就来正式使用这个框架,来美化一下前端的内容。 ?...bootstrap 的配置 配置 bootstrap 很简单,首先是 css 文件的导入,我们只要将 css 文件以 link 标签的形式添加到 head 标签中,并放置在所有其他样式表之前就行,代码如下...DOCTYPE html> 陈志豪的个人网站 陈志豪的个人网站...style> 陈志豪的个人网站
前言 最近花了点时间基于Halo把自己的网站改造了下,实现了站内的文章阅读、点赞、评论、留言板等功能,本文就跟大家介绍并分享下我改造后的网站[1],欢迎各位感兴趣的开发者阅读本文。...对我改造好的网站比较感兴趣的开发者,请移步:在线地址[5] 自定义数据库 如果你有一定的Java/SpringBoot/Gradle基础,希望对搭建好的环境进行更深层次的定制,你可以继续阅读本章节,否则跳过即可...由于默认界面是比较丑的,halo提供了主题仓库[9],里面有许多第三方主题,可以挑选一个好看的进行改造,我挑选的是Joe 2.0主题[10],基于它进行了改造,在线地址[11],最终效果如下所示: 注意...image-20220506004444333 改造后的网站 接下来,跟大家介绍下我的个人网站[13]中都有哪些内容。...image-20220506010006880 留言板 如果有想对我说的话,欢迎在此留言 image-20220506010200337 关于我 此处将展示一些我的个人介绍。
php开发的个人博客系统,没有用框架环境:mysql5.5+php7.3.5 简单版功能:只有一个用户admin,登录,首页展示该用户的语录,该用户的博文,只能发布一篇,重复发布被替换;相册展示(不分页...),个人中心:编辑语录,编辑唯一博客,上传网络图片(不是本地上传),查看留言 演示视频 https://www.bilibili.com/video/BV1UZ4y1w7k6/?...vd_source=ed0f04fbb713154db5cc611225d92156加强版: 首页,站长信息展示,博客分页展示,博客详情,博客搜索,相册分页展示,图片预览,登录,注册,退出,给站长留言 个人中心...:个人基本信息修改,头像上传(本地上传),上传照片(本地上传),照片分页展示,删除照片,发布博客,博客编辑和添加,删除博客,站长查看留言,博客分页展示演示视频 https://www.bilibili.com
本文介绍如何基于腾讯云的各种云产品优雅地搭建个人网站,涉及的云产品有云服务器、SSL、企业邮箱、对象存储、CDN、云函数、API网关、云监控等。...下面以基于腾讯云搭建的个人网站为例,对网站整体的架构进行介绍。 网站目前的主要功能是个人博客,后续可以扩展如个人网盘等其他应用。...有了服务器资源就可以开始博客搭建,我选的博客系统是极简主义的Typecho,安装过程可以参考这篇博文,主要是在服务器上安装nginx、mysql、php以及typecho的源码。...腾讯云提供了云函数SCF(Serverless Cloud Function),是一种FaaS技术。...个人开发者可以把个人网站当做一个产品来做,思考如何利用好公有云的各种云产品资源来提升用户体验,提高开发效率,降低运维成本。
基于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,...中的debug模式关掉,最后还要记得把migrations文件中迁移生成的py文件也删除掉,因为我的数据库写项目时用的是本地的数据库,那么服务器上的数据库是新建的,所以需要重新迁移生成表,当然如果之前就使用的是服务器上的数据库就不用再修改了...,直接用和原来一样就可以的。...myBlog_uwsgi.ini 然后执行 /etc/init.d/nginx restart 此时通过访问http://ip:8888即可访问项目了 总结 项目的部署基本完成,我也弄了个域名,正在备案,由于域名的所有者名字的英文名称不是中文名的汉语拼音
基于django的个人博客网站建立(四) 前言 今天主要添加了留言与评论在后台的管理和主页文章的分页显示,文章类别的具体展示以及之前预留链接的补充 主要内容 其实今天的内容和前几天的基本相似,就是个体力活...接下来讲主页的分页显示 这里主要用了django的Paginator做了分页管理: def index(request): if request.method == 'GET':...图中每一个分类的配图是使用的https://source.unsplash.com/random/800x450 网站的随机图片,所以页面加载的有一点慢,但还可以接受 最后就是点击分类进入该分类的文章区域...,和主页显示的类似,不多说了。...总结 对于文章的相关的东西到目前为止基本差不多了,大体功能已经实现,一些细节部分以后再完善,明天预计完成一个添加照片分享的功能,可以记录和展示一下自己拍到的或收集到的图片。
基于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 %} 总结 这次基本上完成了个人博客文章在后台的管理
基于django的个人博客网站建立(五) 前言 之前鸽了两天,今天继续再写点 主要内容 今天加了个展示照片的功能,就叫他生活记录吧 先建表 class Record(models.Model):...-- 保存用户自定义的背景图片 --> ...,之后在页面显示时路径的前缀是固定的 在前端显示为 ?...最后加一个关于界面,也就是一个简单的介绍,内容也用markdown编辑 首先后台添加一个关于内容的输入页面 ?...总结 基本内容已经完成,今天刚搁腾讯云那提交了网站备案审核,明天预计把项目先部署到服务器上看看效果
基于django的个人博客网站建立(七) 前言 这次在原来的基础上添加或修改一些小功能 具体内容 1.代码高亮 在原来的blog-details.html页面添加下面的代码: hljs.initHighlightingOnLoad(); 它会自动高亮由markdown转换成的代码部分...= models.IntegerField(default=0) creationTime = models.DateTimeField(auto_now_add=True) 然后通过中间件的方式来为用户浏览器设置唯一...request.uid,max_age=60*60*24*365*10,httponly=True) return response 并在setting中把中间件加入 接下来修改视图函数,为了方便将原来的视图函数改成了
网站搭建 目录 网站搭建 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 网站备案后没有找到站点
简介 Java ssm开发的个人博客系统,可以发布博客,照片,站长留言。 演示视频 https://www.bilibili.com/video/BV1sf4y1y7Ne/?...share_source=copy_web&vd_source=ed0f04fbb713154db5cc611225d92156 技术 mysql,SSM,css,js,jq 功能 简单版(个人): 网站功能...增强版 角色 管理员+注册用户 添加功能:博文浏览量,博文评论,用户可以删除自己的评论,博主可以管理该博文以下的所有评论,搜索博文,博客首页展示用户头像,昵称,上传头像,修改基本信息,相册显示用户头像昵称
Nuxt: Nuxt: VuePress 能做的事情,Nuxt 理论上确实能够胜任,但Nuxt 是为构建应用程序而生的 VuePress: 专注在以内容为中心的静态网站上,同时提供了一些为技术文档定制的开箱即用的特性...Docsify / Docute: 同样都是基于 Vue,然而它们都是完全的运行时驱动,因此对 SEO 不够友好 ③. Hexo: 主题系统太过于静态以及过度地依赖纯字符串, 而不是基于Vue。...技术文档网站: vue全家桶官网:vue、vuex、vue-cli、vue-router以及vuepress本身 2....配置首页(可选): 一般的技术文档网站都需要一个首页作为该技术的简介,个人博客也需要这样的欢迎页。...选择你的服务器 服务器有免费和收费两种,各有优劣: ① 免费: 使用 Github Pages 。即 Github 提供的、用于搭建个人网站的静态站点托管服务。很多人用它搭建个人博客。
然而,对于技术的探索和追求从未停歇。 坚持原创,热衷分享,初心未改,继往开来!...一、网站题目 个人网页设计、♂️个人简历制作、简单静态HTML个人网页作品、个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构... 三、网站介绍 网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。...网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。
领取专属 10元无门槛券
手把手带您无忧上云