从不会编程到编写自己的博客网站----序章

相信愿意打开这个视频的小伙伴,应该都会想过做一个属于自己的网站。

Posted on 2020-12-29 in 零基础

从不会编程到编写自己的博客网站——序章

相信愿意打开这个视频的小伙伴,应该都会想过做一个属于自己的网站。如果你恰好有这个想法,但是又不知道怎么开始,那可以跟着本视频一起,让编程0基础的你也可以编写属于自己的博客网站。我们话不多说,马上开始。

第一步准备软件:

需要以下软件:

- vccode  :一个代码编辑器,可以很方便地快速修改代码和生成代码;
- laragon  : 一套本地运行代码的集成环境工具 ,还提供了友好的命令行工具;
- composer : 工具包下载工具,我们需要借助开源世界的力量,来帮助0基础的我们完成繁重的代码编写工作;
- npm : 另外一个工具包管理工具,功能与composer一样,不过composer管理的是后端代码,npm管理的是前端代码。
- 浏览器:这个不用说了,如果你是PC用户,现在看这个视频的就是浏览器。

如果上面的很多名词听不懂,其实都没有关系,后面边做边了解便是;请先自行百度一下下载安装这些软件,安装我就不赘述了。最好去官方网站下载,如果遇到不可抗力的话,第三方下载请谨慎使用。

第二步搭建本地环境:

所有软件都安装完毕之后,我们就需要准备一个文件夹,用来存放我们的项目;我这里就选择D:/web/wwwroot/好了,这个文件夹的路径很重要,请拿小本本记住,后面我们经常用到它。

我们先打开laragon,进入小齿轮设置参数 ,把文件根目录设置成刚刚的项目路径;

然后数据路径,设置为~/data, 也就是在项目文件夹里面的data文件夹里;这里说一下为什么叫根目录:由于文件夹里面可以套娃,如果把每一个文件比作叶子,文件夹比作不断分叉的枝条的话,那么所有属于这个项目的文件,最终都会从属于同一个文件夹,就像一棵树的所有树叶都由同一个根系供给一样,因此最开始的一帮程序员就很浪漫地把项目最开始的目录(文件夹)称为根目录。

设置好这两个参数之后,我们会到laragon的主界面,右键,找到nginx,启动它。这时候这个集成环境就完成了初始化。如果现在去浏览器,输入localhost,就会看到:(截图)这样,代码的运行环境,就准备好了。

第三步搭建码字环境

代码环境之后,是我们自己的工作环境,毕竟不是我们也需要一个舒适愉悦的码字环境,边喝咖啡,边快乐coding。

我们打开vscode,点击文件—-》打开文件夹,选择项目的根目录,这样这个目录就绑定在我们的代码编辑器上了。然后我们去左侧的扩展,搜索框输入PHP,找到PHP IntelliSense 安装他,这样编辑器打开.php后缀的文件的时候,字体会自动变色,方便我们快速找每一行,每一个字符;至此,我们的码字环境也准备好了。

开始你的一段代码

既然代码环境和编程环境都准备好了,我们就可以开始码字了。说干就干,我们右键,新建文件,输入index.php。这样我们就在项目根目录生成了第一个文件。打开它,输入____________;最后,ctrl+s保存一下文件,这样,我们就完成了第一句代码,这句代码的作用我们要到浏览器才能看到。我们回到浏览器,刷新一下刚刚的localhos页面。等等~~~!没错,这就是你写的一个网页:把代码环境的所有信息输出到网页上。嘿嘿,是不是很简单?这就是我们博客项目的基础,以后我们就是通过vscode编写程序代码,然后由laragon集成环境帮我们运行,并输出到浏览器上,而且无论以后项目多复杂,都是一样的配方,一样的味道。

结尾

是不是很简单,其实这背后牵涉到很多复杂的网络结构和通讯协议,但是这些都已经被软件集成封装好了,使得我们这些小白用户可以在不了解这些网络基础知识的情况下也可以创建属于我们自己的网站。感谢开源世界,感谢虽有日夜劳作的程序员们。我们这一期也到此结束了,感谢您的收看,我们下期再见,拜拜~

后记字幕:

localhost:指本地主机,也就是“这台计算机”的意思;浏览器打开本地主机,会访问80端口,这个端口一般被web服务器占用,对外提供web服务;nginx就是常用的高性能web服务器软件。

index.php:顾名思义,index就是目录的意思,由于web网页是一个超文本,而所有长文本都会有一个目录,所以web服务器一般默认都会解析index文件,而.php,说明这个项目项目的目录,由PHP语言编写,根据后缀,web服务器软件会调用对应的cgi接口,从而实现程序与web服务器通讯。PHP实现的cgi接口程序叫PHP_FPM,符合fastcgi接口标准。