部署了一个个人博客(好歹服务器不是闲着了)

news2024/11/25 22:55:19

界面

  • 前台界面展示(给到浏览用户)
  • 后台界面展示(简单介绍)
  • 技术说明

前台界面展示(给到浏览用户)

肯定首先将界面展示一下。声明一下这个不是我原创的界面,当然这个是可以改造的。这个在安全上还有很多需要去改造的地方。后面慢慢改吧。今天是勉强让它运行起来了。在家没事干,总得继续学习,做点东西,不然拿什么满足自己的空虚。

废话不多说。来看下这个界面。这个是进去的主界面,当然这里是展示一下自己的特色,写一下东西,然后一个头像,然后这里其实是可以划上去的。

在这里插入图片描述
滑下来,下面首先就是推荐的四篇。它会将四篇展示在前面浏览。
在这里插入图片描述
然后哦,继续往下可以看到的是比较详细的一些博客展示。这里我其实只是测试了,所以只弄了一个分类,写了一些简单的描述。
在这里插入图片描述

当然是可以点点进去看的。我觉的这里还是很简单美观的,我很喜欢这样的界面。

在这里插入图片描述
在这里插入图片描述
然后我们可以看分类阿,分类我为了测试随便只在数据库表中弄了一个字段hh,先就这样。来看这里java分类下是不是展示四篇阿。

在这里插入图片描述
当然也是可以展开浏览的。

来看这个流年的,这个阿,我还没有弄什么,不过放了一段动听的音乐。这里是原作者在这里搞的一段音乐。然后我们家上布局这些美丽好看的画面就到这样了。还是感觉还行吧。当然其实还是有一些展示的问题,不足的地方,我们后面改进。
在这里插入图片描述

然后下面这里阿是我们的音乐,这里是可以播放的。有的不能播放是可以理解的,因为这个音乐播放的数据来自外接链接,存在失效的问题。测试的是可以实现播放的功能,还可以调整音量。
在这里插入图片描述
下面这里么是评论的功能吗,这里的评论还可以,名字是自己设置的,也是合理的,因为我们没有给用户登录的功能,因为是自己的个人博客。没有给其它用户操作博文的权限,后面的话想搞也是可以的。

在这里插入图片描述

友人这里其实就是一个对外公告了。
在这里插入图片描述
下面这里是我自己的照片墙,是我后台添加照片的话其实会在这里展示。这里的照片存在的问题就是我并没有进行上传下载的操作。我的前端的引用只是来在外链,然后将图片展示了出来。效果还行。后面应该优化到上传下载。
在这里插入图片描述
这个资源库阿,其实还战且是一个展示,我还没给用户添加资源的操作权限,后台应该是可以的,我怕这里没有添加。
在这里插入图片描述
你看下面就是关于我了,我是作者,肯定得有自己得一些介绍了。这个头像是年轻时候得照片,就放到这里了。然后下面写了一些话。
在这里插入图片描述

右上角可以进行搜索
在这里插入图片描述
eg:
就是这样了。
在这里插入图片描述

后台界面展示(简单介绍)

后台这个登录界面很丑,我是一定要改得,当然你们看不到。
在这里插入图片描述
登录进去我就可以去操作了。

具体得例如

在这里插入图片描述
这个写博客得是完全没有问题得,当然也可以进行编辑也就是增删改。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述大概整体主要就是这些展示了。然后当然我还要优化,必要得安全没有加当然还有功能没有完成。所以我没有给出访问地址。

技术说明

把技术说明放到这里了。这个没有用多少技术,但是你得看懂会部署。
我们看下maven

 <dependencies>
        <!--thymeleaf模板-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <!--AOP-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-aop</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.2</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.28</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>

        <!--引入分页插件-->
        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper-spring-boot-starter</artifactId>
            <version>1.2.12</version>
        </dependency>
        <!--<dependency>-->
            <!--<groupId>jakarta.validation</groupId>-->
            <!--<artifactId>jakarta.validation-api</artifactId>-->
            <!--<version>2.0.2</version>-->
        <!--</dependency>-->

        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark</artifactId>
            <version>0.10.0</version>
        </dependency>

        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark-ext-heading-anchor</artifactId>
            <version>0.10.0</version>
        </dependency>

        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark-ext-gfm-tables</artifactId>
            <version>0.10.0</version>
        </dependency>

        <!-- redis -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>

        <!-- spring2.X集成redis所需common-pool2-->
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-pool2</artifactId>
            <version>2.6.0</version>
        </dependency>

<!--        mail邮箱依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-mail</artifactId>
            <version>2.1.5.RELEASE</version>
        </dependency>


<!--        guava缓存-->
        <dependency>
            <groupId>com.google.guava</groupId>
            <artifactId>guava</artifactId>
            <version>24.0-jre</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

了解下
在这里插入图片描述
来了解markdown依赖,看这里其实就是插件

参考
在这里插入图片描述
然后我还用到了redis,不必多说。
在这里插入图片描述

其它得没啥说得都很常见了。

然后我说一下部署得东西。

这个项目我直接放了jar包。

 nohup java -jar myblog-0.0.1-SNAPSHOT.jar &> reggie.log &

在这里插入图片描述
怎么部署?参考我这篇,要看就认真看

将瑞吉外卖项目jar包部署在远程服务器并成功运行在pc和移动端
对于我来说,写博客得作用就是让我缓存记忆。

部署到远程服务器你需要注意开放端口,阿里云开放端口得时候需要在服务器内部和面板都要操作。你怎么部署都行。但是要注意技术熟悉。不熟悉就是反复查找回忆了。

我就随便搞阿,我服务器本机mysql是五,但是删除卸载老存在一些问题,于是我干脆就用我之前docker里面的人mysql了,注意这里是很硬得知识点了。
这里是我之前学习中学到得一些,然后其实很多也会忘记,自己回头也会查看,这里了解可以在我主页搜索。

在这里插入图片描述
然后阿,我将域名映射服务地址采用得是nginx,这里告诉关键得一步。这里还是我之前写得,也可以去了解学习,写的都比较简单。

在这里插入图片描述

参考这里其搞。看不懂得话,可以留言,实在不懂真的需重新看下了。
在这里插入图片描述
所以说其实你要部署项目得话吗,其实还是需要之前学到得一些知识点得。大概就说个这把。后面会持续优化,起码会把安全框架搞一下。查询索引优化有时候搞一下,不过那玩意占用内存,我才2G内存得服务器。嗨嗨嗨。

后面继续优化得话,我会把我得域名公开,然后就是可以去把整体的东西详细写下,如果我有时间的话。
有的图片没有展示出来,说是违规,我真搞不懂哪里违规了。csdn老是恶心人,不好好筛选水文,就知道使劲压榨,老六。
今天介绍下,就这样了,有问题留言,也可以加我询问。具体的话,也可以来语雀
部署个人博客

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/92699.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

血氧仪的分类与价格区别

有没有发现最近血氧仪、额温枪、壁挂式测温仪又开始火了&#xff1f;并且市场活跃度越来越高。而作为我们血氧仪方案提供商或者生产企业来说&#xff0c;您是不是和优优一样会时常听到客户发出如下反馈&#xff1a; “我刚问了另外一家&#xff0c;和你这个样子差不多的&#…

VC++2010中使用MSDN library 200X版本

前言 以前一直用VS2005 ,帮助文档调用很方便&#xff0c;现在要使用VS2010版本来写程序&#xff0c;这个帮助文档真是不方…… 自己写了一个F1的按键助手&#xff0c;这下我可 以使用VS2008中的帮助文档了&#xff0c;虽然帮助低一个版本&#xff0c;但是写C程序&#xff0c;…

七个步骤覆盖 API 接口测试

接口测试作为最常用的集成测试方法的一部分&#xff0c;通过直接调用被测试的接口来确定系统在功能性、可靠性、安全性和性能方面是否能达到预期&#xff0c;有些情况是功能测试无法覆盖的&#xff0c;所以接口测试是非常必要的。首先需要对接口测试的基本信息做一些了解&#…

阿里面试题库被“泄露“导致多人进大厂,惨遭多家大厂威胁下架

我有一个玩得特别好的朋友找我帮忙&#xff0c;说他儿子去大厂面试几次没刷下来&#xff0c;要求我帮他儿子出出主意&#xff0c;大概了解他儿子的情况后&#xff0c;我就给他推荐了这本软件测试10万总结&#xff0c;大概过了几个月他就给我发信息了&#xff0c;说他已经靠这份…

(一) Oriented R-CNN

文章目录0.基础介绍1.旋转框的中点偏移表示法2.Oriented R-CNN架构2.1 Oriented RPN2.2 Rotated RoI Alignment参考资料欢迎访问个人网络日志&#x1f339;&#x1f339;知行空间&#x1f339;&#x1f339; 论文&#xff1a;Oriented R-CNN for Object Detection 代码&#xf…

Erlang - 入门之一日志系统如何打印输出使用lager框架

在合适的地方插入一句代码即可&#xff1a; lager:error("Some Message"), 就这样&#xff0c;谢谢阅读 。。。。。。。 。。。。。。。。。 。。。。。。。。。。。 。。。。。。。。。。。。。。 。。。。。。。。。。。。。。。。。 没有什么比从直接“”…

web前端网页课程设计大作业 html+css+javascript天津旅游(11页) dw静态旅游网页设计实例 企业网站制作

&#x1f468;‍&#x1f393;学生HTML静态网页基础水平制作&#x1f469;‍&#x1f393;&#xff0c;页面排版干净简洁。使用HTMLCSS页面布局设计,web大学生网页设计作业源码&#xff0c;这是一个不错的旅游网页制作&#xff0c;画面精明&#xff0c;排版整洁&#xff0c;内容…

草料二维码如何在多行业实现管理和自动化工作

二维码&#xff0c;在我们的日常生活中随处可见&#xff0c;不管是我们常用的微信支付&#xff0c;还是日常出入的场所码&#xff0c;已经渗透在我们生活的点点滴滴中。 如果我们自己也希望通过二维码&#xff0c;来传达文字、数据等信息&#xff0c;那么很多人都肯定给你推荐…

NS3笔记

NS3笔记1 Docker环境配置1.1 Docker安装1.2 镜像安装1.3 安装其他软件1.4 安装ns31 Docker环境配置 1.1 Docker安装 俺是macOS&#xff0c;直接参考这个网址。 1.2 镜像安装 俺打算安装Ubuntu18.04&#xff0c;镜像版本可以Ubuntu 镜像库 # 拉取镜像 docker pull ubuntu:18…

深入理解可升级智能合约

准备 为了理解可升级合约&#xff0c;必须理解proxy机制&#xff0c;要理解proxy机制&#xff0c;必须理解solidity的sstore和sload,以及关于以太坊架构和存储结构&#xff08;数据结构&#xff09;。 关于Solidity中的sstore和sload深入理解&#xff1a; 非常好的一篇剖析&…

SAP ABAP 散装笔记20220825

SAP ABAP 散装笔记20220825 引言&#xff1a; 散装笔记的标题系列中记录了我常用、备忘、易错的知识点。 关键字&#xff1a;SAP ABAP 散装笔记 知识点 文章目录SAP ABAP 散装笔记202208251. 获取域值和域值描述的两种方式2. 打开新的会话窗口&#xff08;并执行可能的事务码…

西妥昔单抗丨艾美捷西妥昔单抗Cetuximab方案

西妥昔单抗Cetuximab是针对人表皮生长因子受体的一种单克隆抗体&#xff0c;主要作用就是与表皮生长因子受体结合&#xff0c;阻断表皮生长因子受体与其它配体的结合而达到抗肿瘤的目的。各种恶性肿瘤细胞&#xff0c;例如直肠癌细胞、胃癌细胞&#xff0c;表面都高表达表皮生长…

WebStorm pull(拉取)项目commit(提交)、push(推送)代码

1.打开WebStrom&#xff0c;找到Git---克隆... 2.输入需要克隆的项目地址&#xff0c;将其项目克隆下来 3.pull&#xff08;拉取&#xff09;、commit&#xff08;提交&#xff09;、push&#xff08;推送&#xff09; 4.在你本地新建一个和你git分支一样名字的分支 5.改完代码…

Eslint

1. 配置文件 配置文件由很多种写法&#xff1a; .eslintrc.*&#xff1a;新建文件&#xff0c;位于项目根目录 .eslintrc.eslintrc.js.eslintrc.json区别在于配置格式不一样package.json 中 eslintConfig&#xff1a;不需要创建文件&#xff0c;在原有文件基础上写。 2. 具体…

什么是Python?Python有什么特性?

什么是Python&#xff0c;相信第一次接触Python的同学会有一些疑问。我们通过百度百科得到Python的定义为&#xff1a;   Python是一种跨平台的计算机程序设计语言。是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。最初被设计用于编写自动化脚本&#xff…

UDS入门至精通系列:诊断时间参数

文章目录 前言一、诊断时间参数 P2二、诊断时间参数 P2*三、诊断时间参数 S3四、上述参数在应用中的汇总总结前言 在职场中,对于自己领导吩咐的事情,事事有响应,是你在领导面前彰显自己能力的机会。并且这其中的响应时间就是你职业能力的时刻。 同样在汽车电子诊断领域,因…

忆享科技受邀亮相CIS2022网络安全创新大会

12月14日&#xff0c;忆享科技受邀亮相第八届网络安全创新大会&#xff08;简称“CIS”&#xff09;多维时空专场&#xff0c;与行业内资深专家及众多头部企业交流对话&#xff0c;深度了解网络安全行业新理念、新技术、新思路和新实践&#xff0c;共同探讨行业技术创新与突破。…

Java+Swing实现的五子棋游戏

JavaSwing实现的五子棋游戏一、系统介绍二、功能展示1.游戏展示三、系统实现1.ChessFrame .java四、其它1.其他系统实现2.获取源码一、系统介绍 五子棋游戏实现人机对战、人人对战两个模式。 二、功能展示 1.游戏展示 三、系统实现 1.ChessFrame .java package five;impor…

【图像处理】图像拼接原理介绍

问题 图像拼接是图像处理的基础之一&#xff0c;虽然自己并没有直接做图像拼接方面的研究&#xff0c;但在面试中却多次被问到这方面的内容&#xff0c;可见这个知识点还是很重要的。事实上&#xff0c;很多场景都会用到图像拼接的知识&#xff0c;例如运动检测与跟踪、游戏画…

HJL-E6/A DC220V数字式【电流继电器】

1&#xff0e;用途 HJL系列数字式交流电流继电器为瞬时动作特性&#xff0c;用于发电机&#xff0c;变压器和输电线路的过负荷和短路保护&#xff0c;作为启动元件。 2&#xff0e;安装结构 导轨安装9&#xff0c;导轨安装E 两种壳体尺寸&#xff0c;具体尺寸请参考外型尺寸…