Skip to main content
 首页 » 头条

如何搭建免费网站?教大家如何免费搭建自己网站

2023年10月31日 07:52:00728

这期七赚网七哥分享一篇来自idea小时分享的关于【揭秘】程序员是如何搭建网站的,小白如何免费拥有自己的网站,一篇文章讲明白的介绍,看看有需要搭建自己网站的赚友如何建立自己的免费网站。

  想必很多同学都希望拥有自己的网站,让互联网上的其他人访问自己的网站,感觉很酷,我大学的时候就这样想,那么,这一期我就教给大家如何搭建自己的网站,快快点赞收藏吧。

一、必要知识

1、静态网站

  首先,现在你在网上看到的大部分网站都是静态的。所谓静态,简单来说,它没有后台服务,不需要数据库,只是将文章转换成HTML文件。这样一来,作者就只需要专注于自己所编写的内容,专心创作,而不用每天去看看网站是否运行正常。我们非常推荐这种静态网站。现在静态网站生成工具,已经完全可以傻瓜式操作了,不懂技术的人也可以搞。后面我会讲。

2、非静态网站

  非静态网站是指有后台服务器,有数据库,从数据库里取出文章内容,再返回给浏览器显示。这种非静态网站涉及到的技术更多,更适合用来锻炼程序员的技术水平。

3、拥有一个域名

  域名是指网站的网址,例如:www.baidu.com。我们自己建网站,可以不用购买域名,可以使用别人免费给你生成的域名,这个我们后面说(例如Vercel,Github等)。正常情况下,域名是需要购买的,也不贵,便宜的一年几块钱。可以去阿里云、腾讯云这种官网购买。

4、域名备案

  在中国大陆境内的域名,都是需要备案的。不过你不备案也可以,只不过很小很小概率你的域名会被封禁。我们先不讨论域名备案的事,很次要,后面再说。

5、支持https

  现在大多数网站都是https的,例如百度的网址全称是:https://www.baidu.com。普通的网站都是http的,不安全,所以浏览器会有警告,说这个网站连接不安全。想要变成https就需要申请数字证书,正常情况下是需要花钱的,但是现在可以免费生成,后面再说。

6、Markdown

  Markdown是一种书写规范,是程序员发明的,但是所有人用来都非常好用,大多数网站都是用markdown规范编写的,包括我写的这些文章。没了解过的可以去了解一下,肥肠的简单。

7、引路人

  好了,有这些知识基础就足够了。下面我介绍几个简单的方法来搭建自己的网站。所有的方案都很简单,而且百度上都有很多详细的教程,这里我就只讲解大致原理,不出教程了,我只做大家的引路人。

二、网站搭建方法

  Hexo+GitHub

  Hexo是一个前端的网站生成框架,Github可以托管你的网站代码。具体教程可以自己百度,非常的简单。我说下大致的原理,你先有个大概印象就行。Hexo会生成一个文件夹,文件夹存放着代码,你在这个文件夹里写一些文档,运行Hexo,就可以在本地开启一个服务,生成一个网站,网站里就可以看到你写的文章,此时这个网站只能你自己访问。如果想要互联网上的其他人访问,就需要把Hexo代码提交到Github上,在做些相关配置就可以了。此时,Github会给你生成一个域名,域名前缀你可以自定义,但是后缀一定是github.io。同时Github也帮你支持了https了。这个方案有个缺点,那就是Github在国外,访问速度有点慢。

如何搭建免费网站?教大家如何免费搭建自己网站

VuePress+Vercel

  VuePress是一个由Vue编写的网站发布工具,是一个前端项目,你只需要运行起来,编写markdown文件,就可以发布成网站。Vercel是一个免费的前端部署服务器,可以把Vuepress等很多前端项目部署在Vercel运行。并且免费生成https的域名,真的非常好用。还支持自定义域名。只可惜国内现在把Vercel的域名给封掉了,所以,Vercel生成的免费域名没办法用。现在只有一个办法,那就是自己买一个域名,然后在Vercel上配置好这个域名,就可以访问了。用了Vercel你就不用自己买服务器了,而且是永久免费。所有的前端项目都可以运行在Vercel上,所以其他框架的网站发布工具也是可以的。Vercel还有个小缺点,就是官网是全英文的。具体的教程自己百度。

如何搭建免费网站?教大家如何免费搭建自己网站

Docusaurus+Netlify

  Docusaurus和VuePress一样,也是文档发布工具,与VuePress不同的是,它是React写的,所以喜欢用React的小伙伴可以用这个。Netlify是Vercel的替代品,也是前端代码的服务器,也是免费的,也可以免费生成域名和https证书。只不过每月有流量限制,但是也够用了,也是非常的推荐。

如何搭建免费网站?教大家如何免费搭建自己网站

如何搭建免费网站?教大家如何免费搭建自己网站

小总结

  看到这里,大家能够明白,其实一个普通的网站,只需要一个前端项目+一个前端服务器就可以了。因此,所有的静态网站发布工具+前端代码托管服务器的组合,都可以实现搭建网站。大家可以根据我说的,按图索骥,查找类似的技术和托管工具。

  halo+购买服务器+购买域名+获取免费的https证书

  halo是一个非静态的网站程序,用的是Springboot的Java后台,并且还提供了控制台,让你可以在线管理你的网站,标签等,支持多种主题。这是真正意义上的自建网站,这种非静态的网站,就必须得自己买服务器部署了,还需要个域名,如果你不买域名,那就只能通过服务器的ip地址访问了。不过我也是非常推荐,既能搭建网站,还能锻炼自己的技术,伙伴们可以大胆尝试。如果点赞多的话,我可以出一期免费或者低价购买云服务器的教程,希望观众老爷多给点面子。halo的网址:https://halo.run

如何搭建免费网站?教大家如何免费搭建自己网站

Let's Encrypt 让你拥有免费的https证书

  正常来讲,https证书都是需要申请购买的,企业都必须这样做。但是一个人的出现,让咱们这些小群体,也能用上免费的https证书了。这个人就是Peter Eckersley,这位大佬创建了Let's Encrypt,通过它就可以获取免费的数字证书。但是这位大佬刚刚离世,让我们缅怀他,感谢他。相关的教程大家自行搜索。

如何搭建免费网站?教大家如何免费搭建自己网站

  最后,希望大家多多点赞、转发,让更多的小伙伴看到。感谢大家支持。


文章目录
  • 一、必要知识
    • 1、静态网站
    • 2、非静态网站
    • 3、拥有一个域名
    • 4、域名备案
    • 5、支持https
    • 6、Markdown
    • 7、引路人
  • 二、网站搭建方法