欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

程序员文章站 2023-12-09 22:08:33
为什么要建立个人网站?提到免费搭建个人网站,可能80后会想到开个新浪博客,90后会知道搞个wordpress站或凡科建站等,搞开发的程序员们知道在github上建立个人页面,多收获点fork和star...

为什么要建立个人网站?

提到免费搭建个人网站,可能80后会想到开个新浪博客,90后会知道搞个wordpress站或凡科建站等,搞开发的程序员们知道在github上建立个人页面,多收获点fork和star,而其他互联网从业者会觉得弄个公号是最重要的,收获一些粉丝,有广告收入美滋滋。

这些方式都能实现一个目标,即公开展示自己想表现的内容。但我们经常会遇到一些特定场景需求,比如,要给客户展示个人形象或产品介绍,能第一时间就扫码或链接发送。或者,自己想分类展示作品集,并且为自己展示的内容分不同类目或权限,并加上一些适合的营销信息。

作为互联网人,尤其是爱秀且乐于展示的互联网人,我相信这种时候经常有的。金主爸爸想要看你的产品展示,雇主想看你以前的作品,或者你有新的营销活动,想尽快群发出去,各个群里发送营销链接……

目前比较直观的方案就是,建一个自己的网站,能实现以上所说的各种需求。但建站麻烦,还要买服务器,还要开发。这些年程序员工资水涨船高,其实很大一部分原因就是各种企业都有做网站的需求,这也侧面反映出定制开发的价格较高,想做一个完美的网站困难较大。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

你的网站可能就是这样出来的

但既然本文题目已经剧透我将会给大家介绍价格美丽的网站搭建方案,那么我们就不多说废话,直接进入主题。如何利用现在网上各类的共享资源,实现零成本网站搭建的目标

首先要说明,不要信一些所谓“免费虚拟主机”之类的广告。几年前刚开始建个人站的时候,我也视图寻找零成本虚拟主机使用。但后来发现,暂且不论非常调皮的随机宕机概率,仅仅是无处安放的广告展示和偶尔提醒你多留意下主机状态的黑客入侵提醒,就很容易能让你想好好建站的想法飞往九霄云外。

然后,建立个人网站前一定要想明白自己要展示什么内容,以及有一个合理期待。有些人纯粹一时兴起,觉得想要在网上发一些内容就能吸引客户,就能建立个人品牌。对这类想瞎了心的梦想型选手,本人只能说咱从第一步开始,后期你需要掌握的技能包括seo/内容运营/社群运营/网站优化等等,路长着,慢慢来。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

来自程序猿的关于网站开发的咆哮

最后,本文承诺所有技术实现路径是没有成本的,但是建议还是稍微花点钱买域名,一年也就几十块钱。除了.com外,像.cn/.net等传统域名或.app/.ren/.work等新域名也不错,你可以注册个你名字的域名拿来直接用。

建立个人网站的便捷选择

有点技术基础,或者以前折腾过个人建站的同学,可能了解之前提过的wordpress(以下简称wp)。作为最平易近人的php个人博客搭建框架,其特点显而易见:

  1. 海量模板。从个人博客,小商城,企业官网,甚至到某些羞羞的网站都有用wp搭建的(以前扫描过部分网站后台,发现wp后台在羞羞网站里比例真不低),而各种wp免费模板也是网上最容易找到。
  2. 搭建简单。根本不需要买ecs,只需要买最低档虚拟服务器,在控制台环境即可一路next运行安装,阿里云/腾讯云都有wp专用主机,3分钟安装完毕上线,简单至极。
  3. 教程多,社群多,插件多。很多人都在用的东西不见得多好,但有问题是一定能很快得到响应的。会有各种资源分享,用起来你并不孤单。并且百度收录也好,第三方登录(qq/微信/微博)等都有成熟的解决方案,有的拿来即用,非常方便。
  4. wp建站对于一般人来说有两个问题,其一是服务器毕竟也需要买(或者参考下文所述的腾讯云的云开发服务器资源),其二是wp的安全性非常依赖使用者的安全习惯,php本身作为一种web建站市场占有率基本最高的语言,整天被各种扫描,php建站遭沦陷的概率比其他语言更高。

当然,搜wordpress的时候腰注意看广告哦,因为这个框架太有名了,靠它做排名的网站也很多。它在国内的官网是wordpress.org,可以去官网下。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

充满个人风格的网站,其实做起来很简单

如果你不喜欢php或类似的方式,然后还喜欢自己动手打造自己的空间,我推荐用python写一个简单的pc端自适应个人页面,或用vue写多端通用的综合站。

为什么选python:对新手来说,语法简单,框架虽然不多,且没有java或php那样丰富的资源或插件使用,自己做博客或个人展示已经足够了。但缺点其实也很明显,你不能买一年几十块钱带控制台的虚拟主机,你需要一年起码200以上的云服务器,然后python环境需要自己搭建。

至于vue,是目前我所知道的前端框架里最适合新手入门,资源非常丰富,鉴于创始人是中国人所以中文文档非常详细的前端框架。我自己的小程秀也是基于vue写的。好处是语法简单,很多框架拿来就用,适合做静态网站,也适合配合python后端开发轻量级的网站非常好用。

如果你动手能力强,那么推荐给你一些python的服务端框架:基于django-wagtail的redcodecms(国外的框架,可以简单的通过改i18配置实现汉化,前端页面可视化编辑挺好玩),基于flask的osroom(国人写的,文档比较全,只是界面看着简单了一些)。可以在github上搜到。

而vue也有一些开箱即用的框架,比如vuepress,非常适合新人入手,简单制作个人网站。对于个人网站来讲,我认为静态与否并不重要,只要能有合适的框架展示自己想要彰显的内容即可。

什么是静态网站:简单来说,就是一个网站没有后台,只有前端页面。我们一般的网站都有后台用于传输数据,用于处理信息,比如微信编辑器写好了文章,在后台发布后,就能在前端看到。但是静态网站只是若干个文件,你只能通过修改文件以改变形态。

这个网站如何搭建?

目前网上都在推荐用github放网站。但经过测试,我认为在国内访问github的速度堪忧,连接并不稳定。相比起来,腾讯云的连接速度更为通畅,且腾讯云的cloud studio在线编译功能的确强大,支持一键生成静态网站的功能也着实方便。当然,码云也可以,所以以上三者代码托管平台,随你选择。但综合考虑,我以腾讯云为主,其他两者大同小异。

我推荐你第一步是,先去腾讯云注册账号(微信扫码登录认证个人信息即可)。

然后我们找到腾讯云的cloud studio工作空间,网址为studio.dev.tencent.com,登录后我们可以看到一片等待我们新建的提示。这时候我们点击新建空间,从模板创建。选择使用wordpress模板创建。创建后点击新建的项目进入编译器,我们就会进入程序猿的世界,来到代码的世界。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

这一瞬间,有没有感觉自己程序猿附身,技术之魂燃起?

你离成功很近了!在这里,我们可以点击右上角小地球一样的按钮,点击一键开启,然后再点击一键部署,然后再打开页面…发现你自己似乎来到了一个错误页面。似乎是访问有问题?好吧,好像服务器没有配置。我们点回那个小地球按钮,看到第二列有个资源管理。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

然后点击进入数据库,填写连接数据库这里给你的用户名和密码(不是你自己设置的哦哦,是系统给你分配的一长串随机字符串),我们来到了数据库管理页面。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

这里我们可以看到左上角有个名叫,information_schema的数据库,这就是我们在这里用到的数据库。返回我们的编辑器页面,在左边一排文件中,找到wp-config-sample.php文件,双击打开,然后把数据库名、用户和密码信息填入进去。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

编辑完后,把这个文件重命名为“wp-config.php”。这些文件是编辑完自动保存的。然后我们再点击测试域名访问,是不是已经能打开一个wordpress的安装程序了?

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

如果你不喜欢wp,我推荐你用hexo来进行静态博客的书写。只要简单了解markdown语法,不需要那么多花里胡哨的功能,就可以生成一个有自己风格的网站。与wp不同的是,虽然同样是热门框架,hexo的个人风格更浓郁,各种新奇的免费主题也很多,很适合追求不同风格的个人网站使用。

搭建网站的步骤有哪些,新手创建个人网站 3个步骤

一些hexo模板

打完收工!

今天介绍完免费建立个人站,你是不是也蠢蠢欲动了呢?但万事开头难,建站也只是第一步的第一步。往后我会持续和大家分享一些简单好用的技术方法。想要更多福利和教程,可以添加我关注,或者给我私信。一些漂亮的主题,框架,或者方便使用的技术方法,我也会尽可能与大家分享。