个人博客网站搭建笔记1

news2024/11/15 9:38:28

文章目录

  • 前言
  • 要求
  • 自己的理解
  • 资源
  • 过程
  • 视频教程
  • 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,先做出来再说哈哈

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

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

相关文章

Pytest框架实战二

在Pytest框架实战一中详细地介绍了Pytest测试框架在参数化以及Fixture函数在API测试领域的实战案例以及具体的应用。本文章接着上个文章的内容继续阐述Pytest测试框架优秀的特性以及在自动化测试领域的实战。 conftest.py 在上一篇文章中阐述到Fixture函数的特性,第…

智慧医疗时代:探索互联网医院开发的新篇章

在智慧医疗时代,互联网医院开发正引领着医疗服务的创新浪潮。通过将先进的技术与医疗服务相结合,互联网医院为患者和医生提供了全新的互动方式,极大地提升了医疗服务的便捷性和效率。本文将深入探讨互联网医院的开发,介绍其技术实…

pdf加水印怎么加?3种添加水印方法分享

pdf加水印怎么加?PDF加水印不仅是为了保护文档内容,确保信息的安全性和完整性,更是一种有效的版权保护措施。通过添加水印,您可以在文档中嵌入公司名称、日期、编号等信息,以明确文档的归属权和使用限制。此外&#xf…

重学java 42.多线程 等待唤醒机制案例分析

Strength is built under a heavy load,I am expecting to pick up all of my loads and travel on. —— 24.5.24 章节重点 1.会用wait和notify两个方法 2.会使用Lock锁对象 3.会利用Cal1able接口实现多线程 4.会使用线程池完成多线程 等待唤醒案例分析(线程之间的…

SEO优化,小白程序员如何做SEO优化流量从0到1

原文链接:SEO优化,小白程序员如何做SEO优化流量从0到1 1、SEO是什么? SEO即:搜索引擎优化(Search Engine Optimization),是一种通过优化网站结构、内容和外部链接等因素,提高网站在搜索引擎中的自然排名&…

景源畅信数字:抖音小店新手该怎么做?

在数字化时代的浪潮中,抖音不仅仅是一个分享短视频的平台,更是一个充满潜力的电商平台。对于想要进入这个领域的朋友们来说,开设一家抖音小店无疑是一个既激动又迷茫的起点。那么,作为新手,该如何在这个全新的舞台上立…

在链游中,智能合约如何被用于实现游戏内的各种功能

随着区块链技术的快速发展,链游(Blockchain Games)作为区块链技术的重要应用领域之一,正逐渐展现出其独特的魅力和优势。其中,智能合约作为链游的核心技术之一,对于实现游戏内的各种功能起到了至关重要的作…

【YOLOv5/v7改进系列】替换激活函数为SiLU、ReLU、LeakyReLU、FReLU、PReLU、Hardswish、Mish、ELU等

一、导言 激活函数在目标检测中的作用至关重要,它们主要服务于以下几个关键目的: 引入非线性:神经网络的基本构建块(如卷积层、全连接层等)本质上是线性变换,而激活函数通过引入非线性,使得网络…

完成商品属性分组和商品属性关联维护

文章目录 1.前端页面搭建1.复制attrgroup-attr-relation.vue到src/views/modules/commodity下2.加入超链接和引入组件 src/views/modules/commodity/attrgroup.vue1.加入超链接2.引入组件 3.数据池加入变量4.使用组件1.引用组件2.添加方法3.测试,点击关联&#xff0…

【低照度图像增强系列(7)】RDDNet算法详解与代码实现(同济大学|ICME)

前言 ☀️ 在低照度场景下进行目标检测任务,常存在图像RGB特征信息少、提取特征困难、目标识别和定位精度低等问题,给检测带来一定的难度。 🌻使用图像增强模块对原始图像进行画质提升,恢复各类图像信息,再使用目标检测…

qt改变样式表 label

border:1px solid black; background-color:rgb(238,234,235); border-color:rgb(0,112,249);

Zabbix实现7x24小时架构监控

上篇:https://blog.csdn.net/Lzcsfg/article/details/138774511 文章目录 Zabbix功能介绍Zabbix平台选择安装Zabbix监控端部署MySQL数据库Zabbix参数介绍登录Zabbix WEBWEB界面概览修改WEB界面语言添加被控主机导入监控模板主机绑定模板查看主机状态查看监控数据解…

一文了解基于ITIL的运维管理体系框架

本文来自腾讯蓝鲸智云社区用户:CanWay ITIL(Information Technology Infrastructure Library)是全球最广泛使用的 IT 服务管理方法,旨在帮助组织充分利用其技术基础设施和云服务来实现增长和转型。优化IT运维,作为企业…

U-Boot menu菜单分析

文章目录 前言目标环境背景U-Boot如何自动调起菜单U-Boot添加自定义命令实践 前言 在某个厂家的开发板中,在进入它的U-Boot后,会自动弹出一个菜单页面,输入对应的选项就会执行对应的功能。如SD卡镜像更新、显示设置等: 目标 本…

Linux进程--函数 system 和 popen 的区别

system() 和 popen() 是 C 语言中用于执行外部命令的两个函数,它们的功能类似,但在使用方式和特性上有一些区别。 system() system() 函数允许您在程序中执行外部命令,并等待该命令执行完成后继续执行程序。其基本语法如下: in…

本地idea连接虚拟机linux中的docker进行打包镜像上传--maven的dockerfile-maven-plugin插件

项目名必须是英文,-,.,_,这些数字,idea需要管理员运行,因为idea控制台mvn命令需要管理员权限才能运行(maven需配置环境变量)改linux中的Docker服务文件,使用2375 进行非加密通信,然后加载重启 2.1 #修改Docker服务文件 vi /lib/systemd/system/docker.service ​ # 通常使…

深度学习基于Tensorflow卷积神经网络VGG16的CT影像识别分类

欢迎大家点赞、收藏、关注、评论啦 ,由于篇幅有限,只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 一、项目背景 随着医疗技术的快速发展,CT(Computed Tomography)影像已成为医生…

练习题(2024/5/22)

1N 皇后 II n 皇后问题 研究的是如何将 n 个皇后放置在 n n 的棋盘上,并且使皇后彼此之间不能相互攻击。 给你一个整数 n ,返回 n 皇后问题 不同的解决方案的数量。 示例 1: 输入:n 4 输出:2 解释:如上…

WAF绕过(下)

过流量检测 这里的流量检测就是在网络层的waf拦截到我们向webshell传输的数据包,以及webshell返回的数据 包,检测其中是否包含敏感信息的一种检测方式。如果是大马的情况下,可以在大马中添加多处判断代码,因此在执行大马提供的功…

设计模式12——外观模式

写文章的初心主要是用来帮助自己快速的回忆这个模式该怎么用,主要是下面的UML图可以起到大作用,在你学习过一遍以后可能会遗忘,忘记了不要紧,只要看一眼UML图就能想起来了。同时也请大家多多指教。 外观模式(Facade&a…