首先准备写这个教程的时候纠结了一下,因为知道这将会是一个比较麻烦的过程,建站和发布上线本身就是一个比较繁琐的过程, 但是既然决定要写,就准备好好写一个完整版的教程,这样就不用东查西查的来做了,要明白,做网站是一件很繁琐的事情,也是一件很浪费时间的事情,我写的是在每天下班以后写一点,如果没有绝对的时间,不要做这件事,ok,废话不说了,我决定用两篇文章来实现整个过程,之前我是准备用一篇文章全部写好的,但是,实在是很多,您也不喜欢看,就分开写吧!
没写之前,简单的做个例子,有助于你们的理解,做网站需要的是下面几个东西,源码、域名、空间、建站、那么你还需要的是一些工具,xampp(wordpress)、ftp、hb(写代码的工具)
当然这些是什么呢?我们举个别人给我举得例子:空间就像是月球,源码就是你,你要上月球怎么办,需要太空舱宇宙飞船和宇航服是不是。
建站就是太空舱,ftp就是宇航服,这样您是不是就明白了这些东西各自扮演的角色了!希望可以明白吧,不明白也没办法了!
PS:我不是专业的建站的,只是个人爱好,我是一个前端工程师,如果下面哪里写的不好,见谅,哪里写的不对,不全的,欢迎一起交流,交流的方式在左边,可以QQ联系我,或者下方留言,或者看我别的博客里面有关于我的名片的,可以随时联系我!
ok,言归正传,我们开始做第一步:
第一步:
做网站,需要的技术是H5+Js+css3
做好以后如果是很规范的话,那么会有这样的几个文件夹:css+js+images+html
文件的文件目录结构是这样的:
那么如果您是一个小的网站的话,是不需要的,应该仅仅是这样的:
Ok,简单的开个玩笑而已,其实就是您不是这样的目录只要您的html文件可以调到不同的css和js文件也是可以的,最好是用cnd托管您的js这样可以做到很好的优化效果。这也是做优化很重要的一种!
这一步是最难的,因为要知道怎么实现一个好的网站不是那么简单的一件事情。
第二步:购买空间和域名
这一步是花钱的,虽然花的不会太多,既然做好了网站肯定是要让别人来访问的,那么我们一般访问一个网站都是直接打开一个浏览器,输入Url就可以直接访问了,那么这些网站的Url为什么可以做到呢?很简单,他们是将网址解析的地址指向了他们需要让你看到的页面了,我们简单的说一下怎么购买空间和域名,可以购买阿里云的也可以是腾讯云的,这个不做分析哪个好那个不好,个人需要吧!
我们拿阿里云的举例子,毕竟我的网站是挂在上面的!
这是阿里云的地址
进去以后要做的是注册一个账号,然后怎么购买呢?进入以后直接搜索域名或者是直接百度购买域名也是可以的,这个不难,自己想办法吧!
我也不知道具体怎么描述了,买东西应该不会很难!
如果确实不会的,很简单,直接找淘宝,买好空间和域名,他会帮你搞定一切!
最后你只需要拿到他给你的链接就行了!
第三步:
解析空间和域名
这个时候有的人就晕了,我不是买好了域名了吗?为什么不可以访问呢?第一,还没有信息可以给用户看。第二,还没有解析
可以看出域名解析是有多么的重要,说的通俗一点,就是您买好了域名,那么这个时候您只是对这个域名有了拥有权,但是这个域名是没有实质性的作用的,也就是说不可以发挥正常的作用,举个例子就是买一把刀,不开刃是不可以砍人的,(这个例子太暴力了),所以域名解析是必不可少的一步。域名解析是域名向ip地址转换的一个过程,域名的解析是DNS服务器完成的。
流程是域名-DNS-网站空间
这里我需要解释一点,就是我们的万维网是通过ip来查找我们的计算机位置的,这个我们是都知道的,也就是说给一个ip的话,理论上是可以直接找打ip地址位置的,但是奈何ip地址难于记忆,所以我们就用域名来代替IP地址,这样可以便于记忆,那么万维网不认识域名怎么办呢?通过域名解析牵线就行了,明白了吧!
过程是:
管理中心-我的菜单-管理平台-域名管理-我的域名中查询需要解析的域名
页面会转到解析的页面,我们直接点击添加记录就行了,我的是解析好的,这里直接看截图就行了
这里是可以直接解析的!
第四步:安装ftp
这个是做什么的呢?我们不是将网站做好了吗?那么我们的代码不能一直在现在运行啊,是不是,那么这个时候就需要将我们的代码什么的上传到空间,这个时候有两种办法实现,我如果您不想麻烦的话看,直接花钱买阿里云的虚拟云主机就行了,如果不嫌麻烦的话,就自己买空间,自己设置,
我们分别说:
买阿里云的云虚拟主机,怎么进去呢?直接看我的主页上面有一个控制台,点开,就可以看到下面的这张图:
这个就是阿里云的云虚拟主机,我们点击管理
这样的,那么这个就是管理页面了,您可以关闭自己的站点,服务器就停了!也可以重启,也可以看多少人浏览了您的网站!
注意,这里有FTP的登录用户名等一些信息,这个时候就可以使用您下载的FTP登录了,那么一般的话,这个登录的密码是忘记的,如果您不忘记是最好的,忘记了是可以直接重置的,然后打开您下载好的Ftp,用哪一个都可以的,我用的是FileZilla,当然您喜欢用什么都是一样的,Xftp什么的都是免费的,我们登录进去进行了,给个截图吧:
我们的文件都是放在htdoc这个文件夹里面的,所以我们上传的时候不要错位置。还是说一下分别放什么的吧。操碎了心
文件夹分别代表的意思是:ftplog是日志,mufolder是我的文件,什么都没有
Wwwlog也是日志,都是生成的,不用操心,我们只需要关心文件是不是正确的上传到了htdoc里面了。别的不用想了,大家都挺累的。
第五步:建站
这一步说实话是我最不想写的,因为太繁琐了,不过既然写教程了,不谢肯定是不行的,耐心看吧,毕竟写都写了
首先建站是有好多种办法的,我们今天说的是dede建站,也是比较常用的一种,那么软件去哪里下载呢?当然去我的csdn下载了….
下载以后解压打开,就是这样的:
安装xampp
那么我们安装xampp,安装的过程我们就不说了吧。安装完以后是这样的:
这是我启动了的,那么默认的是不启动的,我们启动就行了如果启动遇到了错误,请看我的之前关于问题解决的博客,相信就解决了,
这个时候我们已经安装好了,下一步就是将我们自己的源代码怎么部署到线上可以使用呢?
下一步:首先我们要明白我们的代码的编码格式,是JBK的还是UTF的,如果是UTF的我们打开之前解压的文件,里面有一个文件夹的名字是utf的,打开以后是这样的:
我们打开uploads:
然后将这些文件全选,copy
然后我们打开您的安装xampp的路径下,如果您没有改变安装路径的话,应该是在C盘的xampp,那么我们打开下面的htdocs,我前面说过这个文件夹,记性不好的可以翻上去看看,打开以后将里面的所有内容全部删除,是的就是清空,然后将刚才copy的粘贴到这里,这样的:
这个时候就行了,我们下一步
打开这个里面的templets的文件夹,将您自己的源码的文件夹放进去,这样的:
这里的compvss-4就是我的源码,
再打开看一下是不是您自己的源码:
Ok,到这里就可以了,我们进行下一步,全部关闭吧。
下一步,我们再次打开xampp的主页,也就是这个:
点击启动以后,点击apach的admin这里,会跳转到这样的一个页面,
按照下面的截图进行就行了。
安装结束了。这个时候我们点击登录网站后台
账号是admin,密码是admin如果您没有更改过的话。
登录进去以后是这样的:
这个是我们需要的是将需要更改的信息改好:
进入dede的系统菜单
点击系统基本参数
将参数按照要求改好
点击生成菜单
点击更新主页
选择主页模板
更改为你自己的主页
生成静态
更新主页的html
Ok,这个时候就可以浏览自己的网页了。如果您浏览的网页是乱码的,没关系,因为路径是错的,下一篇文章我会写怎么更改可以调用的路径。
PS:以上的步骤分为几大步,那么这几个大的步骤是不是需要按照我的来呢?当然不是的,只要将需要的这几个东西完全做完就是可以的,没有规定说必须要先做哪一个。还有就是如果中间哪一步错了,没有关系,慢慢的调试,问题都是比较容易解决的,问题来了不可怕,静下心来看一看报错的信息就明白了。
我们只需要明白第一篇文章是做准备工作,需要的是买好的域名和空间,并且解析和绑定好,然后安装好FTP上传文件工具,最后是将xampp安装好就可以了
下一篇文章我会写怎么将路径改为建站里面可以是别的路径,也就是dede可以是别的路径,不识别的话是不可以出样式的,我还会写怎么将里面的链接改为页面可以引用的链接,最后我会写怎么用ftp将代码上传到服务器上面,别人就可以访问了。