free portfolio website templates

用一天时间开发一个属于自己的网站

您需了解一些基本的IT技术,并且有硬着头皮往下看的勇气。

思想准备! 请问您游泳吗?请问您玩游戏吗?请问您弹琴吗?请问您打球吗?只要有一个回答Yes,那么您就可以接着往下看。

以游泳为例,有四种基本泳姿,各种世界纪录。我们一天的时间目标是让您能够漂浮在水面上,并且能够基本平静的游上几十米远。而不是学会标准的泳姿,游到世界纪录。

前提是您得找一个合适的游泳池(浴缸可不行),知道水的危险性(保持敬畏之心),愿意为了学会游泳宁可呛几口水(知道这里面有一些困难)。然后就可以开始了。。。

2分钟过去了

第一步[1小时左右]! 

网站最基本的就是所见即所得的网页,以及网页里面的内容,如果您有一点WEB技术的基础你肯定会想到HTML、CSS、JS等前端内容,算了,这太花时间了。时间发展到2020年,谁还从头写那些无聊的代码?所以现在进入到您的游泳池(一台能够上网的配置还不错的电脑),打开电脑浏览器,登陆网站https://mobirise.com/au/,下载对应的安装程序,有Mac版本和Windows版本【使用免费版本即可】。您可以花三分钟看一下这个网站首页上的小视屏,对这个工具有个初步的印象。
一个小时过去了...
您已经安装好了mobirise的工具,并且学着操作了一下,增加了一些模板,修改了一些自己想要的内容,比如图片和文字以及视频文件的链接。
使用这个工具发布网站后,得到了一些静态的HTML、JavaScript、CSS和Images的文件目录[比如叫:MyWebsite],恭喜你,已经跳进了游泳池,并且开始划水了。这一步的关键词是:网页设计制作工具和使用

第二步[1小时左右]! 

这些静态的文件[MyWebsite],只是存放在您自己的电脑上,要想让全世界的人都能看到您的网页内容,您需要把这些网页放在一个具有公网IP的服务器上,并通过WEB服务器发布这些内容,懂点IT技术的人,这时候想到了云平台,Linux操作系统,Tomcat,Apache应用服务器,现在是不是呛了几口水?好吧,进入游泳池,打开浏览器,登陆网站 https://www.linode.com/ 可以花几分钟看一下这个视频,看到第6分钟多一点就可以了,然后开始按照视频注册账号,增加一个平台实例,如果只是练手,可以选用每个月$5的。
一个小时过去了...
你有了一台公网IP的云服务器,你可以把这个服务器当成一台电脑,只是需要使用命令行工具SSH远程链接上去,执行后续的应用服务程序的安装,并把[MyWebsite]的内容放上去。
这一步的关键词是:Web Hosting Provider,云服务器提供商

第三步[2小时左右]! 

接着呛水,SSH登陆到云服务器后,开始安装WEB服务器,以Tomcat安装为例,同时需要安装Java运行环境JRE或者JDK。可以花5分钟看一下这个视频,快要放弃了吗?别急,或者直接直行下面的命令吧:
sudo apt update
sudo apt install default-jdk
sudo apt install tomcat8
                                Tomcat的文件分布在三个目录:
1. /usr/share/tomcat8 存放bin目录
2. /var/lib/tomcat8 存放config和webapps
3. /etc/tomcat8 存放用户配置文件如server.xml
这个是最简单的方法,没有配置Tomcat用户和内存,但没有关系。
你也可以参考网上的其它方法来安装配置tomcat,比如
How to Install Tomcat 9 on Ubuntu 18.04
这个里面有一些琐事的配置,可以直接略过,只要tomcat能运行就可以了。
这一步的关键词是:安装并配置Tomcat到Ubuntu


第四步[1小时左右]! 

这一步是将你在本地电脑上的文件夹MyWebsite上传到Tomcat的webapps目录下,可以使用FTP工具,云服务器默认都是支持sftp服务的,可以使用免费的FTP客户端FileZilla,点击进入网站下载免费的FileZilla客户端,这个步骤操作比较简单,相信您不需要呛水一个小时就能搞定。
现在文件已经上传到服务器上了,Tomcat Web服务器也已经启动,通过你的公网IP地址加上默认的8080端口就可以访问你的网站了。
可是,通常大家都是用域名来访问网站的,因为IP地址有可能会变更,而域名可以一直保持并显示自己的个性的。所以接下来需要申请一个域名,并将这个域名指向你的公网IP地址,很快就能游泳了。
这一步的关键词是:FTP客户端、文件上传到服务器

第五步[2小时左右]! 

已经过去半天了,该休息一下休息一下,该吃饭吃饭。继续申请域名,以Godaddy为例,登陆到网站页面 https://www.godaddy.com/,这个视频主要是介绍如何购买一个域名,将域名和你的Web Hosting关联起来需要配置DNS,具体配置请参考DNS配置,这里主要是将A record指向你的公网IP。因为通常URL都是默认使用80端口,所以你需要在第三步的时候执行一个端口映射命令:
iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 8080
这样你就可以输入你的域名直接访问你第一步制作的网页内容了。
这一步的关键词是:域名申请、DNS配置


扩展学习!  您可能还需要一个域名邮箱,虽然不一定非得有,但有了会更显正规,总比随便使用一个Gmail邮箱要专业一些。还可能需要进行邮件模块定义,或者使用邮件自动回复功能。这些需要稍微多花点时间,网上搜索一些学习内容,比如MailGun或者Godaddy等第三方的域名邮箱服务。

你可能还想设计一个自己的Logo,也不知道从哪里下手,这个可能需要得有点对设计的兴趣才行,可以使用在线的图片编辑工具https://pixlr.com/e/,还有Logo设计素材网站https://www.flaticon.com/,图标其实无关紧要,您的服务做好了,再丑的LOGO大家也会觉得很好看,比如这个网站的LOGO就很丑 https://pigeonbooking.com.au/

对了,您可能还需要把静态页面里面增加一些动态的内容,然后后台还需要数据库对这些内容进行管理,也许您还想对第三方发布这些数据,不过,好像有点离题了...。

一天的时间到了,您能游起来了吗?哈哈~

© Copyright 2018-2020 新田工作室 Xintianstudio - All Rights Reserved.