个人博客网站搭建笔记1

文章目录

  • 前言
  • 要求
  • 自己的理解
  • 资源
  • 过程
  • 视频教程
  • SpringBoot开发一个小而美的个人博客
    • p1课程介绍
    • p2需求和功能

前言

自己之前其实就想搭建一个属于自己的网站,但是不知道怎么操作,没找到合适的教程,(手把手的那种),主要还是自己偷懒了吧,现在老师布置了一个大作业,就是要搭建一个自己的博客网站,现在不得不做了,不然就要挂科了哈哈

要求

  • 使用HTML、CSS和JavaScript实现博客网站的基本结构。
  • 至少包含首页、文章列表页、文章详情页和个人资料页。
  • 实现响应式设计,确保网站在不同设备上都能良好显示。
  • 功能可自定义,要求实现多页面,布局风格统一、网页元素丰富,界面优美等

自己的理解

我自己主要是想上线这个网站,自己比较喜欢网站开发,感觉这样比较炫酷,之后自己还可以再往上添加内容,把自己学的知识和技术,都应用在自己开发的网站上面,也许,这个个人博客网站就是自己开发的第一步

资源

我在编程导航上面看到了这个项目,虽然源码啥的是公开的,但是对于我这种技术小白是没啥用的,之前有阅读过小米便签的源代码,显然我是划水阅读的,自己没啥实质性的收获,首先还是找视频教程跟着做吧
源代码
这个链接是一个gitee的托管项目,我其实现在还不知道giteegithub有啥区别和联系,目测这两个的功能好像差不多

过程

我把链接里面的演示链接打开,出现了下面的问题,有点无奈,程序员最害怕的是不是这个界面

我测试了一下,国内和国外的网站,我这边打开都没有啥问题,那应该不是我的网络连接的问题

前端演示界面和后端演示界面都是这个样子
在这里插入图片描述

视频教程

在这里插入图片描述
现在自己准备跟着这个视频来进行学习
视频链接

访问了一个评论区的博客网站,出现下面的情况,有点无奈
在这里插入图片描述
在这里插入图片描述
很多都是访问不了,很奇怪

在这里插入图片描述
自己之后也准备部署到云端,别人可以访问,这样子才有成就感
在这里插入图片描述
评论区很多小伙伴都把自己的链接发出来了,但是基本都访问不了,这是啥意思呢
在这里插入图片描述
这个建议可能可以帮助自己丰富自己的项目经历,自己可以关注一下
苍穹外卖
在这里插入图片描述
自己之前一直不知道该怎么学项目,其实就是像无头苍蝇一样,现在其实就可以直接学这个就完事了,之后等把这个学完了再看之后怎么做

看了一下,方向有点儿多
在这里插入图片描述
要是自己选了某一个方向,比如说这里的java,要是以后没啥用咋办,好吧,自己其实是庸人自扰了,一般来说没啥问题的,学就完事了

SpringBoot开发一个小而美的个人博客

p1课程介绍

springbootjava开发的框架,自己之前有买过网站开发的一些资料,里面的路线是先学linux,再学django,最后学web开发,自己需要注意一点,就是不要买资料如山倒,学起来就是抽丝剥茧

买书如山倒,看书如抽丝

看了一下阿婆主展示的成品,完全符合我们大作业的要求,所以很可以啊

响应式布局的意思,其实就是在不同的设备上,都能正常访问,也就是在电脑浏览器和手机浏览器都可以访问,只是展示的方式不太一样,其实基本就是大小发生一些改变,布局有一些小的调整,方便在不同的屏幕大小上面进行显示

在这里插入图片描述
视频里面有一个网站,我登进去发现是一个和计算机不相关的英文网站,没啥东西

看到所谓的开发工具我有点儿害怕,感觉要是一堆报错,不一定能很好的把项目实现出来,自己的java的语法都还不是很熟练呀

不知道自己的时间是否充足,感觉可以先在github或者gitee上面找到所谓的源代码,比较有把握一些,以防止时间来不及的情况发生

在这里插入图片描述

阿里云貌似可以免费试用一年,还挺好的

在这里插入图片描述
这些信息纷繁复杂,我还是跟着教程一步一步操作就好了,比较无脑,简单就好

p2需求和功能

简单博客搭建
笔者之前看到一个老师就是使用的这个模板搭建了属于自己的博客网站

最后面的域名是github.io,感觉很可以,也比较简洁,我非常喜欢

发现了一些好的主题啥的,主题

但是没有具体的教学步骤,自己是难以做好的,所以还是专心学这个教程比较好

在这里插入图片描述
hexo,这个网站免费提供域名,比较友好

油管介绍视频,不会科学上网的小伙伴可能要被卡住了哈哈

看到github里面的,我之前想要创建一个项目,我就新建了一个project,事实上和我理解的项目不太一样,事实上是要Create a new repository,哈哈

小胡子哥的个人网站
非常简洁,非常帅

hexo油管教程,感觉可以先转战hexo,先做出来再说哈哈

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Prometheus+Grafana监控服务器、mysql数据库并配置报警规则推送邮箱

文章目录 一、安装prometheus1.1下载1.2 安装1.3 开机启动1.4 验证 二、安装 Grafana2.1 下载2.2 安装2.3 启动2.4 验证 三、安装服务器监控 node_exporter3.1 下载3.2 安装3.3 设置 node_exporter 系统服务3.4 设置开机自动启动3.5 验证3.6配置Prometheus3.7 修改 Prometheus …

Tomcat部署项目的方式

目录 1、Tomcat发布项目的方式 方式1: 直接把项目发布到webapps目录下 方式2:项目发布到ROOT目录 方式3:虚拟路径方式发布项目 方式4:(推荐)虚拟路径,另外的方式! 方式5:发布多个网站 1、…

[windows系统安装/重装系统][step-4][番外篇-2]N卡驱动重装 |解决:开机几小时后电脑卡顿 | 后台自动运行了上千个Rundll32进程问题

现象 开机几小时后,电脑变卡,打开后台管理器都卡,后台管理去转圈圈一小会儿后看到后台进程上千个,好多个Rundll32进程 重启下运行会稍快 重启后运行快,后台管理器反应也快 打开后台管理器不卡(几小时后打…

Python语法(全)

前言: 下面是Python基本的语法,大家耐心观看! 1.基础语法 1.1字面量 字面量:在代码中,被写下来的的固定的值,称之为字面 1.2字符串 字符串(string),又称文本&#xff…

C语言数据结构栈的概念及结构、栈的实现、栈的初始化、销毁栈、入栈、出栈、检查是否为空、获取栈顶元素、获取有效元素个数等的介绍

文章目录 前言栈的概念及结构栈的实现一、 栈结构创建二、 初始化结构三、销毁栈四、入栈五、出栈六、检查是否为空七、获取栈顶元素八、获取有效元素的个数九、测试 1十、测试 2总结 前言 C语言数据结构栈的概念及结构、栈的实现、栈的初始化、销毁栈、入栈、出栈、检查是否为…

blender 布尔运算,切割模型。

1.创建一个立方体和球体。 2.选中立方体,在属性面板添加布尔修改器。点击物体属性右边的按钮选中球体。参数如下。 3.此时隐藏球体,就可以看到被切掉的效果了。

C结构详解

目录 1、结构模板 1. 建立结构声明 2. 定义结构变量 3. 访问结构成员 4. 初始化结构 声明结构数组 声明和初始化结构指针 1、结构模板 1. 建立结构声明 struct book{char title[MAXTITL];char author[MAXAUTL];float value; }; 该声明描述了一个又两个字符…

【漫画算法】哈希表:古代皇帝的秘密魔法书

❤️❤️❤️ 欢迎来到我的博客。希望您能在这里找到既有价值又有趣的内容,和我一起探索、学习和成长。欢迎评论区畅所欲言、享受知识的乐趣! 推荐:数据分析螺丝钉的首页 格物致知 终身学习 期待您的关注 导航: LeetCode解锁100…

三个有意思的链表面试题的完成

上一篇博客我们已经完成了链表的所有内容,那么这一篇博客我们来看一下三个特别有意思的链表题目。 **第一个题目如下:**相信不少朋友看到这题目就已经晕了,那就简单说明下这个题目,题目就是创建一个链表,其中每个节点…

软件构造复习1

一、软件构造的多维度视图: 共有三个维度:1.按阶段划分:构造时/运行时视图,2.按动态性划分:时刻/阶段视图,3.按构造对象层次划分:代码/构件视图 具体可如图所示(图片来自PPT&#…

数据库-SQL性能分析

SQL执行频率 慢查询日志 慢查询日志记录了所有执行时间超过指定参数(long_query_time,单位:秒,默认10秒)的所有 SQL语句的日志。 MySQL的慢查询日志默认没有开启,我们可以查看一下系统变量 slow_query_l…

掩码生成蒸馏——知识蒸馏

摘要 https://arxiv.org/pdf/2205.01529 知识蒸馏已成功应用于各种任务。当前的蒸馏算法通常通过模仿教师的输出来提高学生的性能。本文表明,教师还可以通过指导学生的特征恢复来提高学生的表示能力。从这一观点出发,我们提出了掩码生成蒸馏&#xff08…

Redis常见基本类型(5)-List, Set

List 命令小结 命令及解释时间复杂度lpush/rpush key value[key value...](向右/左端插入元素)O(k), k是元素个数linsert key before | after pivot value(在某个坐标之前/右插入元素)O(n), n是pivot距离头尾的距离lrange start end(获取从start到end部分的元素)O(s n): s是…

与用户沟通获取需求的方法

1 访谈 访谈是最早开始使用的获取用户需求的技术,也是迄今为止仍然广泛使用的需求分析技术。 访谈有两种基本形式,分别是正式的和非正式的访谈。正式访谈时,系统分析员将提出一些事先准备好的具体问题,例如&#xff0…

Java使用apache.poi生成excel插入word中

加油,新时代打工人! 工作需求,上个文章我们生成好的word,这次将生成好的excel表格数据,插入word中。需要准备好excle数据,然后插入到word中。 最后个需要,就是把这些生成好的word文档转成pdf进行…

基础技术-ELF系列(1)-ELF文件基础

成就更好的自己 本篇是基础技术系列中ELF相关技术的首篇文章。 尽管网上有许多关于ELF相关内容的文章,但总体而言,要么是一些非常基础且重复性强的内容,要么直接深入探讨相对高深的主题,缺乏系统化分析和解释。 接下来&#xf…

C++技能进阶指南——多态语法剖析

前言:多态是面向对象的三大特性之一。顾名思义, 多态就是多种状态。 那么是什么的多种状态呢? 这里的可能有很多。比如我们去买火车票, 有普通票, 学生票; 又比如我们去旅游, 有儿童票&#xff…

10款免费黑科技软件,强烈推荐!

1.AI视频生成——巨日禄 网页版https://aitools.jurilu.com/ "巨日禄 "是一款功能强大的文本视频生成器,可以快速将文本内容转换成极具吸引力的视频。操作简单,用户只需输入文字,选择喜欢的样式和模板, “巨日禄”就会…

Nginx - 安全基线配置与操作指南

文章目录 概述中间件安全基线配置手册1. 概述1.1 目的1.2 适用范围 2. Nginx基线配置2.1 版本说明2.2 安装目录2.3 用户创建2.4 二进制文件权限2.5 关闭服务器标记2.6 设置 timeout2.7 设置 NGINX 缓冲区2.8 日志配置2.9 日志切割2.10 限制访问 IP2.11 限制仅允许域名访问2.12 …

【408真题】2009-16

“接”是针对题目进行必要的分析,比较简略; “化”是对题目中所涉及到的知识点进行详细解释; “发”是对此题型的解题套路总结,并结合历年真题或者典型例题进行运用。 涉及到的知识全部来源于王道各科教材(2025版&…