当前位置: 首页 > news >正文

大学生如何搭建自己的网站

这篇是我在大一的时候,写过的一篇文章。

前言

作为一名大学生,我觉得搭建个人网站很有意义。

这篇博客讲述的是这个寒假,我是如何从零到搭建好个人网站的过程。我提供的主要是具体的思路,也附带了一些零零散散的细节。时间跨度也就一两个月。

废话,就先不多扯了。

这里搭建的过程可以分为如下几步:

1,了解网站前端html,css,js。(这是必须的,如果你连一个Hello World都不能再网页上呈现出来,就不用谈制作个人网站了)

2,购买云服务器并配置。(如果你想全中国的人都能访问的你的网站的话,你得到阿里云,腾讯云等云服务器商那里购买一台自己的服务器,可以选配置最低的,大约400多块钱一年吧,我是大一的学生,因为有学生认证,就有学生优惠)

3,在云服务器上配置好tomcat。(关于什么是tomcat,以及如何配置,我觉得你最好先去了解,我到下面也会讲解)

4,学会运用框架。(它能帮你节约很多时间)

5,购买域名。(我想这也是必须的,别人访问你的网站不可能输入的是ip地址吧,输入你的名字进入你的网站才够面子嘛)

一,了解网站前端html,css,js。

如果你对网站一无所知,不要放弃,这个过程虽然花点时间,但也是可以完成的。你要想,我自己能制作网站,该是一个多吊的事情,自然要花点时间来研究。下面是html,css,js 的简单介绍。

1,HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2,CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3,JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

我用的HBuilder写的前端,新手很容易上手。

前两种属于标记语言,用于页面的布局,像给一段文字设置它的字体颜色,字体大小,或者给一张图片设置透明度等等类似的设置。而js,也就是JavaScript属于编程语言,可以给界面添加事件。而运用的时候,基本上也是错杂在一起的,相互关联的。用它们就可以很好的做好自己想要的页面,已经足够了

但是,如果你想要实现像留言,聊天室,发表评论的类似的功能的话,光用前端是不能满足的。你要借助别的开发工具,能实现web的后端开发,像eclipseEE,myeclipse等。此外,你还要了解如何用restful技术,Ajax技术连接前后端,如果你用到数据库的话,或许还要了解ODBC技术用来连接数据库和web服务器。这里就不详谈了,我会另写博客来完善的。

二,购买云服务器并配置

首先呢,这要钱,拥有一个全中国都能访问的网站,肯定要付出点代价。我是到阿里云上面购买的服务器,至于相关的购买细节,我想,你可以自己进行搜索,顺便学习点知识。

记住,当购买后,要到安全组配置里面去添加安全组规则,引进8080端口,和80端口。

配置后,有下面的两条就可以了。

三,在云服务器上配置好tomcat

tomcat服务器是一个Web应用服务器,属于轻量级应用服务器。对于初学者来说,非常适用,不仅独立,容易配置,重要的是免费。或许,你可以找一些别人已经改善后的tomcat服务器,直接下载,拷贝到云服务器上,然后双击别人写好的命令行脚本就行了。

当服务器能正常启动后,把你的web项目直接拷贝到webapp目录下,然后修改项目名为ROOT就可以了。如果没有别的意外,别人在浏览器上输入你的云主机的ip就能访问你的网站了。

当服务器启动后,ip同步还需要时间,可能几十秒。并不是意味你启动后,别人就能访问了。

四,学会运用个人网站的框架。

如果你把一个网站用代码完完全全的敲出来的话,我觉得这时不太现实的,这可能需要很久的时间,一个月?或者更久,我想你时没有耐心完成的,一些繁琐的操作自然可以省略。就像有一张试卷,你把需要做的就是把改填的地方填好,就行了,别人已经把周围的布局给你设定好了,你又何必再关心呢。至于你的网站用什么样的模板,你喜欢哪种就用哪种,不要担心还会和别人重复。

我就用了一个别人写好的前端界面,修改好我自己需要的内容。当然,修改也是一个麻烦的过程,你要看懂别人的代码写的什么,才能修改把别人的内容修改成自己的。

我用过的模板:极简个人相册留言博客模板

我的网站(已经过期了哈哈哈):http://114.55.254.213/

比较一下,就知道模板的作用了。

五,购买域名。

因为人们难以记住计算机可以识别的数字串,并且ip地址也不能显示组织的名称和性质等这缺点导致人们使用起了域名。域名就相当于给我们的ip找了一个名字,当我们访问想要的ip时,直接输入域名就可以了。

这份域名地址的信息存放在一个叫一个服务器的主机内,使用者只需了解易记的域名地址,其对应转换工作就留给了域服务器。

当购买之后,记得解析。下面是到控制台,域名,解析中,添加记录时的操作。

有下面的记录就行了。

记住,域名能使用之前,要实名认证。还要备案备案备案。实名认证要要1到7天,当实名认证后的2到3天内才能再备案,备案可能又要十来天。挺烦人的,当时我的身份证掉在学校里了,只有等到返校后才能备案了。(可能你看到这篇博客的时候,我还没完成备案呢)

作为一个大学生搭建一个个人的网站有什么用呢?我能想到有下面的这些。

1,搭建个人博客。它用来展示自己,表达自己的一些思想,或者用来负载想要一些宣传的内容,上传一些文件提供下载,此外还能记录自己的人生,把自己遇到的,开心的,难过的,事情都能写成一篇小短文添加到自己的博客上,不挺好嘛。

2,搭建一个聊天室。叫来朋友,直接上网聊天。这可是全国范围内都能访问的聊天室,偶尔还能碰到几个不认识的人来谈谈的想法,多交了几个朋友。

3,把它做成个人简历。我觉得这个一个比较主流的做法,我以后投简历就打算用这种方式,而不是用一个word,PPT等,我觉得这能比较完整的展示个人经历和个人所取得的成就。或许这还能让人眼前一亮。

4,挑战自己。在搭建网站的过程中,肯定会遇到许多困难,而每天进步一点,把不会的东西搞懂一点,也许自己想要做的事情真正做起来并没有那么难。或许前一天还不懂编程,今天已经会写for循环了,或许昨天还不懂框架,今天就已经会运用了。

5,营销。以后等技术成熟了,可以实现点特定的功能,满足一些特殊的人群,赚点流量,投个广告,赚点费用,来实现自己的一笔收入。

6,装逼。......

新手上路,不喜勿喷。本人是我在搭建个人网站的时候总结出来的一些想法,流程也是我所经历的。如果你用问题,欢迎评论,我会解答,如果这篇博客有错误的地方或者没有一些必要的内容,请指出,我会按时修改。

相关文章:

大学生如何搭建自己的网站

这篇是我在大一的时候,写过的一篇文章。 前言 作为一名大学生,我觉得搭建个人网站很有意义。 这篇博客讲述的是这个寒假,我是如何从零到搭建好个人网站的过程。我提供的主要是具体的思路,也附带了一些零零散散的细节。时间跨度…...

linux 路由表的优先级

[rootlocalhost cc]# ip rule list 0: from all lookup local 32765: from 10.0.19.24 lookup 4096 32766: from all lookup main 32767: from all lookup default 现在有 4 条路由规则,优先级是怎样的,0 代表最低优先级还是最高优先级 在 Linux 的 IP …...

毕业项目分享

大家好,今天给大家分享112个有趣的Python实战项目,可以直接拿来实战练习,涵盖机器学习、爬虫、数据分析、数据可视化、大数据等内容,建议关注、收藏。 项目名称 主要技术 2023招聘数据分析可视化系统爬虫 7种薪资预测模型 Flas…...

Android启动系列之进程杀手--lmkd

本文概要 这是Android系统启动的第三篇文章,本文以自述的方式来讲解lmkd进程,通过本文您将了解到lmkd进程在安卓系统中存在的意义,以及它是如何杀进程的。(文中的代码是基于android13) 我是谁 init:“大…...

tex中的边框

文章目录 利用tcolorbox宏包给公式加框 利用tcolorbox宏包 tcolorbox可以创建一个盒子的环境,例如: \documentclass{article} \usepackage{tcolorbox} \begin{document}\begin{tcolorbox}[left1cm, right1cm, top0.5cm, bottom0.5cm,colbackblue!10!wh…...

面试题库之JAVA基础篇(三)

final 被final修饰的类不可以被继承。被final修改的方法不可以被重写。被final修改的方法,jvm会尝试内联,以提高运行效率。被final修改的变量不可变,如果修改的是引用,那么引用不可变,引用指向的对象内容可变。被fin…...

CTF-虚拟机-QEMU-前置知识-操作流程与源码阅读

文章目录 总览内存PCI设备PCI配置空间前64个字节对应源码Memorry空间的BARIO空间的BAR MMIOPMIOIspci访问PCI设备配置空间中的Memory空间和IO空间MMIOPMIO QQM(qemu object model)简洁概要将 TypeInfo 注册 TypeImpl:ObjectClass的初始化&…...

java成神秘籍第一卷

前言 适合还没有入行小白学习,有些朋友会跑来问我这行的一些问题,下面算是详细系统的整理了一下啦。 全当是学习 复盘 整理 记录了 java成神秘籍第一卷 前言一 前提1 要不要考公,考编,考研2 语言选择3 就业岗位4 目标5 考不考虑…...

golang实现文件上传(高并发+分块+断点续传+加密)

运行视频 // todo 根据前端传递文件加密 func (s *FileProcess) FileProcessEncryptionByFront(file multipart.File, h *multipart.FileHeader) interface{} { //根据字节直接处理文件 这个是前端传递的二进制流s.FileProcessInit() //文件初始化 设置原来文件…...

用HeidiSQL在MySQL中新建用户

用HeidiSQL登录到MySQL数据库,注意登录的时候要使用有权限的用户: 选择工具-》用户管理: 点击左上角的“添加”: 输入用户名、密码,并且分配权限: 点击右边的“添加对象”: 可以根据自己…...

【IPv6】IPv6协议

一、IPv6数据报格式 这是与v4报头的对比 1.8bit的版本保留了,v4版本就是4,v6就是6。 2.v6去除了v4的首部长度字段,因为v6的首部长是固定的40字节。 3.服务类型(Type of Service, ToS)和通信类型(Traffi…...

无需服务器,无需魔法,拥有一个微信机器人就是这么简单

前情提要 还没看过的朋友可以看一下上一篇文章《拥有一个微信机器人总共需要几步?》在这篇文章里,我们提到,创建微信机器人需要一个大前提--你得有一台服务器。现在,不再需要了!没错,上一篇提到的Serverles…...

1、命名空间、C++的复合类型、缺省参数

命名空间 1、命名空间的定义 使用namespace定义&#xff0c;使用作用域限定符::访问 #include <iostream> namespace ICBC{int money 0;void save( int m){money m;} } int main( void ){ICBC::save( 100); std::cout << "工行卡余额&#xff1a;"…...

colab notebook导出为PDF

目录 方法一&#xff1a;使用浏览器打印功能 方法二&#xff1a;使用nbconvert转换 方法三&#xff1a;在线转换 方法一&#xff1a;使用浏览器打印功能 一般快捷键是CTRLP 然后改变目标打印机为另存为PDF 这样就可以将notebook保存为PDF了 方法二&#xff1a;使用nbconver…...

【Python动漫系列】名侦探柯南(完整代码)

文章目录 名侦探柯南环境需求完整代码程序分析系列文章名侦探柯南 《名侦探柯南》是由青山刚昌创作的一部侦探漫画,于1994年开始连载,并被改编为动画、电影、游戏等多种形式。故事讲述了高中生侦探工藤新一在破案时被不良组织所毒害,身体缩小成了一个小学生,为了寻找解药并…...

【matlab】QR分解

QR分解 给定一个mn的矩阵A&#xff0c;其中m≥n&#xff0c;即矩阵A是高矩阵或者是方阵&#xff0c;QR分解将矩阵A分解为两个矩阵Q和R的乘积&#xff0c;其中矩阵Q是一个mn的各列正交的矩阵&#xff0c;即QTQI&#xff0c;矩阵R是一个nn的上三角矩阵&#xff0c;其对角线元素为…...

Liunx系统使用超详细(三)

本篇内容开始逐渐描述有关liunx的各种命令的使用方法&#xff01; 目录 一、目录和文件区别 1.1目录&#xff1a; 1.2文件&#xff1a; 1.3总结&#xff1a; 二、Linux命令的写法 三、linux命令清屏 四、pwd命令 五、ls命令 5.1 ls&#xff1a; 5.2 ls -l&#xff1a…...

Kubernetes学习笔记-Part.06 Docker安装

目录 Part.01 Kubernets与docker Part.02 Docker版本 Part.03 Kubernetes原理 Part.04 资源规划 Part.05 基础环境准备 Part.06 Docker安装 Part.07 Harbor搭建 Part.08 K8s环境安装 Part.09 K8s集群构建 Part.10 容器回退 第六章 Docker安装 在master、worker、harbor上均需…...

现在的00后,实在是太卷了......

现在的小年轻真的卷得过分了。前段时间我们公司来了个00年的&#xff0c;工作没两年&#xff0c;跳槽到我们公司起薪18K&#xff0c;都快接近我了。后来才知道人家是个卷王&#xff0c;从早干到晚就差搬张床到工位睡觉了。 最近和他聊了一次天&#xff0c;原来这位小老弟家里条…...

Maven项目目录结构

项目结构 目录说明.ideaIDEA工具的配置文件.mvn用于运行Maven项目src源码文件夹target字节码文件夹.gitignore配置git忽略文件HELP.md自述文件mvnw运行Maven命令&#xff08;Linux&#xff09;mvnw.cmd运行Maven命令&#xff08;Windows&#xff09;pom.xml依赖管理文件 如图…...

告别数据锁定:用youdaonote-pull实现有道云笔记的本地化自由

告别数据锁定&#xff1a;用youdaonote-pull实现有道云笔记的本地化自由 【免费下载链接】youdaonote-pull &#x1f4dd; 一个一键导出 / 备份「有道云笔记」所有笔记的 Python 脚本。 A Python script to export/backup all the notes of the "Youdao Note". 项目…...

G-ratio Overload

重力加速度比&#xff08;G-ratio&#xff09;、过载&#xff08;Overload&#xff09;教改最大的特点就是知识与实际相结合&#xff0c;如果在实际生活的体现和应用。 世界一级方程式竞标赛 &#xff08;F1&#xff09;...

Honey Select 2中文汉化补丁终极指南:一键安装完整中文体验

Honey Select 2中文汉化补丁终极指南&#xff1a;一键安装完整中文体验 【免费下载链接】HS2-HF_Patch Automatically translate, uncensor and update HoneySelect2! 项目地址: https://gitcode.com/gh_mirrors/hs/HS2-HF_Patch 还在为Honey Select 2的日语界面而烦恼吗…...

DistroAV(原OBS-NDI)完整使用指南:NDI技术在OBS中的高效应用

DistroAV&#xff08;原OBS-NDI&#xff09;完整使用指南&#xff1a;NDI技术在OBS中的高效应用 【免费下载链接】obs-ndi DistroAV (formerly OBS-NDI): NDI integration for OBS Studio 项目地址: https://gitcode.com/gh_mirrors/ob/obs-ndi DistroAV&#xff08;原名…...

酷安UWP桌面客户端完整指南:大屏幕高效刷酷安的终极方案

酷安UWP桌面客户端完整指南&#xff1a;大屏幕高效刷酷安的终极方案 【免费下载链接】Coolapk-UWP 一个基于 UWP 平台的第三方酷安客户端 项目地址: https://gitcode.com/gh_mirrors/co/Coolapk-UWP 还在为手机小屏幕刷酷安而感到眼睛酸痛吗&#xff1f;想在27寸大屏幕上…...

中药实验管理系统|基于springboot+vue的中药实验管理系统(源码+数据库+文档)

中药实验管理系统 目录 基于springbootvue的中药实验管理系统 一、前言 二、系统设计 三、系统功能设计 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取&#xff1a; 博主介绍&#xff1a;✌️大厂码农|毕设布道师&#xff0c;…...

从绿光到深紫外:手把手教你选对BBO、LBO、CLBO晶体,搞定激光倍频实验

从绿光到深紫外&#xff1a;非线性晶体选型与倍频实验实战指南 当实验室的1064nm激光器发出那束熟悉的近红外光时&#xff0c;许多研究者脑海中会立刻浮现两个问题&#xff1a;如何高效获得532nm的翠绿光束&#xff1f;又该如何进一步压缩波长至266nm的深紫外区域&#xff1f;…...

低代码平台表单设计器 unione form editor 布局组件 — 折叠面板

低代码平台表单设计器 unione-form-editor 布局组件 —— 折叠面板 在企业级表单越来越长、内容越来越多的今天&#xff0c;如何让表单保持简洁、可收起、可展开、层级清晰&#xff0c;成为提升填写体验的关键。继栅格、卡片、标签、段落布局之后&#xff0c;今天为大家介绍 折…...

技术从业者的面试技巧:如何通过大厂的技术面试

在软件行业的招聘生态中&#xff0c;大厂的技术面试如同一场严苛的专业试炼&#xff0c;尤其对于软件测试从业者而言&#xff0c;不仅要展现扎实的技术功底&#xff0c;更要体现出符合大厂标准的工程思维与问题解决能力。想要在竞争激烈的面试中脱颖而出&#xff0c;需要从面试…...

3分钟学会:如何用Chrome扩展一键保存完整网页内容

3分钟学会&#xff1a;如何用Chrome扩展一键保存完整网页内容 【免费下载链接】full-page-screen-capture-chrome-extension One-click full page screen captures in Google Chrome 项目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension…...