搭建自己的网站

目录

[TOC]

写在前面

上一篇已经搭建好了自己的静态博客,现在可以自由得发布自己的文章了。但并不满足于此,接下来本篇将搭建一个自己的网站。使用内网穿透技术,将自己的电脑当做服务器,所以不需要再部署服务器了。 本篇面向完全小白(作者也是web小白),所以注重效果实现,忽略理论讲解。

准备工作

环境配置:

百度网盘下载地址(提取码:ue7h)

  • 安装javaJDK
  • 安装gradle
  • 安装eclipse
1.安装javaJDK:

运行并安装”jdk-8u171-windows-x64.exe“,在安装的最后会提示安装”jre“,可以不必安装,因为jdk中已经包含jre。

配置:

(1) “我的电脑鼠标右键-属性-高级系统设置-高级-环境变量-系统变量-新建”

变量名:JAVA_HOME;变量值:E:\Work\Environment\JavaJDK(JavaJDK所在文件夹路径)

(2) “我的电脑鼠标右键-属性-高级系统设置-高级-环境变量-系统变量-Path-编辑-新建”

%JAVA_HOME%\bin

2.安装Gradle:

解压缩”gradle-4.10.1-all.zip“。

配置:

(1) “我的电脑鼠标右键-属性-高级系统设置-高级-环境变量-系统变量-新建”

变量名:GRADLE_HOME;变量值:E:\Work\Environment\gradle-4.10.1(Gradle所在文件夹路径)

(2) “我的电脑鼠标右键-属性-高级系统设置-高级-环境变量-系统变量-Path-编辑-新建”

%GRADLE_HOME%\bin

3.安装eclipse:

解压缩“eclipse-jee-oxygen-3a-win32-x86_64.zip”。

创建工程

登录网站:https://start.spring.io/

工程设置:

Project:Gradle Project

Language:Java

SpringBoot:2.1.8

Project Metadata:Group:自行取名;Artifact:自行取名

Dependencies:add “Spring Web”“Thymeleaf”

下载工程:

点击“Generate the project”

编译:

解压上一步下载好的工程压缩包,然后在解压的文件夹内按住SHIFT鼠标右键打开Powershell窗口

在窗口内输入“gradle build”,则开始编译,解析依赖。期间会联网,如果出现Time Out错误继续此步即可。

导入工程:

打开Eclipse

此处”File-Import-Gradle-Existing Gradle Project-Next-Next-Project root directory”即为项目的位置,选择为之前下载好的项目的文件夹。

点击”Next”,勾选“Override workspace settings”,在”Gradle distribution”中选择“Specific Gradle version-4.10.1”

在”Gradle User Home”中选择安装Gradle的位置“E:\Work\Environment\gradle-4.10.1”

点击”Finish”,然后耐心等待项目导入。

导入项目资源:

将资源“static”“index.html”导入项目的“src/maiin/resources”中,如下图:

picture1

相关设置

Eclipse字体设置:

在”Window-Preferences-General-Appearance-Colors and Fonts-Basic-Text Font-Edit”中设置字体大小,建议16~18,然后”Apply”。

更改编码为UTF-8:

在”src/main/resources”下的”application.properties”右键点击”Properties”,然后选择”Text file encoding”为”Other-UTF-8”,点击”Apply”。

相关配置:

在”application.properties”中进行相关配置,如下:

#Thymeleaf
spring.thymeleaf.encoding = UTF-8
spring.thymeleaf.cache = false
spring.thymeleaf.mode = HTML5

#
server.port = 80

模板修改

以上配置完成之后已经可以访问到本地的网站了,通过右键”DemoApplication.java-Run As-Java Application”,即可开启本地服务器,然后在浏览器中输入”127.0.0.1”就可以看见网站模板了。

接下来要对模板信息进行修改,使其能够符合自身要求。

在”index.html”中进行修改:具体修改细节略。

内网穿透

1.注册”SAKURA FRP
2.映射列表-隧道管理

本地地址:127.0.0.1;本地端口:80;远程端口:空着;隧道类型:HTTP映射

连接加密:启用;连接压缩:启用;绑定域名:自定义.lainedu.cn;GZIP:启用

点击“添加”

3.下载客户端

在”客户软件-Window客户端”中下载”Window图形界面版本”。

4.启动

第一次启动”Sakura Frp”时先修改映射信息(登录账号后会自动将映射信息保存到本地),然后切换映射管理。选择”43香港移动”。

启动好内网穿透客户端后,再启动Eclipse的项目(右键”DemoApplication.java-Run As-Java Application”),之后就可以访问自己的网站了~

写在最后

使用内网穿透搭建网站的好处在于省去了租赁服务器的费用,缺点在于如果想访问网站,必须保持内网穿透客户端和Eclipse项目处于开启状态。