Last Updated on 2021 年 8 月 24 日 by Gina
在以前网络科技不发达的时代,若你想要自己架设网站,一定要会HTML、CSS、 操作linux技术等。
但现在架设网站,不再是工程师才能做的事,只要你了解平台,外挂,虚拟主机等之间的关系,你也能够在1小时内,架设好自己的网站。
大家给我的留言和信我都有看,知道蛮多人想学习架设网站,但是不知道怎么开始。
于是我花了一些时间来制作这教学文,本来只是图文教学,但我觉得对于新手学习,图文的确不能表达得完整,于是用了比预计更长的时间来制作这篇教学文章,大家记得跟着步骤去架设哦!
除了带你一步步架设网站,我也会分享一些“建站名词”给大家,以后遇到问题时,你才知道怎么在Google 爬贴,怎么寻求帮忙。
这篇文章不会有太多艰深难懂的专业术语,我会尽量最简单的方法来概括架站流程。
这是一篇付费级的教学内容,目前我先免费开放让大家学习,要架设网站的朋友别错过这个机会哦。(因为这些内容在网络上是属于付费内容,所以我目前的计划是暂时开放教学而已,因为担心会破坏架设网站的教学行情。而且我也明白,越是免费的东西,许多人就开始不会珍惜看重,这个会让学习的市场开始变质。 )
注意事项&免责声明:架设网站的方法有很多种,我分享的是我自己架设网站的流程和知识,仅供参考。
目录
架设网站新手必备小知识
如何架设网站/网页?揭开流程
- 注册网域(网址URL)
- 设定DNS(把你的网址连接到主机)
- 选择你的虚拟主机
- 架设网站的软体(CMS-内容管理系统)
这篇文章将会教你如何使用 Cloudways 来架设 WordPress 网站,让你掌握架站技能,根据教学内容我也附上了图文 & 影片教学 。
同时也会帮你分析各主机之间的差异,帮助你选择最适合你的主机商。
文章重点:
- 完整的手把手教学
- 简单快速架设网站,30分钟内便可完成
- 有自己的资源,能够客制化你的网站
- 提供你全球最受好评的 CMS 、主机等资讯
要架设一个自己的网站,有几种方式:
- 你可以到免费平台上,注册免费部落格
- 透过主机、网域等,轻松自己架设网页
- 学程式语言,用编码代码等去架设网页
我在这篇文章分享的方法是第 2 种,不仅简单快速能建好站,安全性、客制化和使用性都很高,能满足你的需求。
无论你是想制作网页、部落格都可以透过成立自己的网站来制作。
自己架设网站需要什么?
架设网站前的必备小知识
千万别看到一些建站的专有名词就吓倒了,要耐心学习完哦~ 因为即使你不是很了解这些名词的用意,只要你跟着图文 +视频教学也可以架设好网站。
自架设网站是由以下最重要的 3 大结构组成的:
- 网域名 Domain Name -你的网址
- 虚拟主机 Hosting – 存放你网址的地方
- 内容管理系统 (CMS) – 协助不会语法的朋友,可让我们简单编辑与管理自家网站,你会在CMS上撰写文章、发布资讯等等(也就是内容管理后台系统)
CMS 用于管理& 编辑网站内容,网站用户可以创建,编辑和删除站内容,完全的客制化。
使用 CMS 软件提供的界面不需要HTML技能或其他技术知识,我们可以在没有开发人员帮助的情况下进行编辑网站。但若想要自定义布局和体验,则需要一些编码知识。
许多工程师也都开始运用CMS 来架站,因为这能帮助他们省去许多制作的时间,让他们专注于管理和版面设计。
内容管理系统(CMS)
个人觉得CMS 最好的选择就是Wordpress, 全球的网站超过30% 都是用WP 建立的。WordPress 安全、界面很容易使用。
WordPress 是CMS 市场上市占率最高的软体。WordPress远远领先了Joomla、Google 旗下的Blogger等竞争对手,在CMS 的市场里有高达60%以上的网站是使用WordPress的。
WordPress 也提供了各式各样的主题设计,一键搞定排版,不需要烦恼如何设计网站。
接下来的教学会帮助你建立WordPress 网站。
免费架设网站的优缺点
在开始教你自己建站前,我想先让你知道,为什么我鼓励你自己架设网站,而不是使用免费的平台架站。
免费架设网站的平台,我们称为“第3方平台”。这些平台本身已经将所有系统建立好了,你只需要用email去开个帐号,就能有属于自己的小空间,开始发布内容。
提供免费的架设网站的平台有好几个,像是:
- Blogspot
- Pixnet 痞客邦
- Wix
- Weebly 等
(1)关闭风险
虽然透过这些平台开设网站很方便,但它也存在着风险。
- 好处:整个网站系统都建置好了,你只需要注册帐号,专注在撰写内容就行了。
- 坏处:你的文章排名、流量和资源等,都属于这个平台的,万一平台倒闭,你建立起来的一切,都会跟着不见。
我们永远不知道,下一秒会发生什么,再强大的平台,都存在着倒闭的风险。
就好像NOKIA、无名小站等,在科技时代的演变之下,他们不复存在。
(2)你的网页不属于你
你的所有资料,几乎都是属于平台的。
有些免费平台不提供“ 汇出Export” 功能,所以你的内容等,不能搬家到别的地方。
也就是说你的SEO 带不走,这对已经有流量和排名的网站来说,是很大的损失。
SEO = 搜索引擎演算法(就是你的文章排名、流量等等)
据我所知,blogspot 有export plug in 的功能,搬家过程和其他平台相比,不会太难。
但其他的平台,就算提供“搬家’,似乎也会是一个艰难的过程。 或则是给你“有限制搬家”等。
总之呢,要使用这些平台前,你必须有心理准备:
- 搬家过程艰难,并且有可能无法带走你所有内容,甚至带不走SEO,带不走你建立起来的google 流量。
- 存在倒闭的风险
- 你的网页多数会被植入平台的广告,影响读者的使用体验。
- 想要被Google信任,把文章排名的话,用时多数会更长。
为什么要自己架设网页/ 网站?
- 能够客制化你想要的,掌控权都在你手里。
- 有利于网站的SEO ,也就是说网站被Google 排名的机会更高。
- 读者群属于你自己。(当你的网域进入Google 后,长时间下来, 你的流量统计、Google权重等,都会记录在你的网域名之下)
- 能够备份,容易搬家。
架设网站需要多少钱?一年的费用
自己架设网站的价格并不贵,尤其是初期,因为所有资源我们选择性价比高,一般的资源容量就够了。
在接下来的教学中,我们使用的都是性价比CP 值比较高,但却不贵的方案,以及一些免费的方案。
我们只需要购买虚拟主机和网域,其他的全都是搭配免费方案。像是DNS代管、CMS内容管理、https 安全认证都是免费的。
每个月的架站花费RM 50 – RM 80,其实已经非常足够使用了。
*** 如果你真的有想把网页/网站/部落格当成事业来赚钱和经营,就不能期望它是免费的,却又能提供你想要的。
IP 是什么?
IP 地址就像是网络上的身份证,全世界只有一个。
IP 是一连串的数字,IP地址就是我们常见的xxx.xx.xx.xxx ( Etc : 666.38.77.997 )
IP太难记?没关系,因为每一个网域,会连接到一个IP 地址,所以你只需要记得域名就好了。
网域名称是什么?
网域名称是网站的地址,英文是Domain name,而大多数的人称作为网域名/域名。
以我的网站为例,我的网站域名是https://www.uniquesoul7.com,细分介绍的话:
- 后方的.com =顶级网域名
- uniquesoul7 =第2级网域名
- www =子网域
但其实大家都直接把www.uniquesoul7.com统一称为“主网域”。
因为在大众认知里www 是一定会有的主要“成分” 。
** 但www不是必备,你可以选择不要www,没有www的话,我们就会叫做“网域”,不是主网域。
还搞不懂这些?也没关系,这不影响你自己架设网站。你只要知道网域就是你的网址就行了。
DNS 网域名称系统是什么?
DNS ( Domain Name System ) 就是网域名称系统。
刚刚说了,每个网站都有一个IP 位址,而DNS 就是将域名,连接到IP 的伺服器。
举个例子:
- IP : 777.77.77.777
- 域名:www.stay.com
当我们在浏览器输入域名www. stay .com 时,浏览器会将这个域名送到DNS,然后解析看对应到哪个IP 位置,然后就能造访www.stay.com 网站了。
如何开始架设自己的网站?-图文+影片教学
第1 课- 选择网域
Domain 域名怎么取?
我觉得网域名称很重要,因为这就像是你的名字,人家会因你的名字而记得你。
建议大家取一个不要太长的名字,取个看得懂和好记的名字。像是www. nike .com / www. travelmalaysia.com / www . lazada .com /www. lisalife .com
直接以你的公司/品牌/个人名字等,也是一个不错的选择。
域名是由“字母/数字组合+域名后缀”。( ETC : www . ginablog . com )
我以” Ginablog “为域名作为例子, 后缀有各式各样的,越少人用的就越便宜。像是.blue、. xyz 等。
域名后缀选择,我建议用常见的.com(最好)& .co & . info & .my,其他不常见的例如:
不同的域名注册商,域名后缀存在着差别,但你只需要明白,每一个域名,全世界只有1个,不会有相同的。
后缀的缩写,其实都有含义,像是:
- com – company
- org – organization
- name – personal domain等等
.my 是马来西亚人选择的,而其他地区则是用:
- 台湾.tw
- 新加坡. sg
- 韩国.kr
第2 课- 购买网域(图文教学)
选好了网域名之后,我们就到Namecheap查询网域名称,看看你想要的网域,是否能注册。
Namecheap 是老牌网域商,不仅多选择,界面容易使用,而且续约费不贵。
有些网域注册商购买时非常便宜,但续约金几乎贵了将近70% 。
输入你要注册的网域,然后按[ Search ]。
若你要注册的网域出现✘ 、 REGISTERED 、 MAKE OFFER ,就代表已经有人在使用着,你就换别的网域。
出现绿色勾勾,就代表这个网域你能够注册,点选Add To Cart。 ✔
这个网域第1年只需要$8.88(美元),差不多是RM 37左右。第2年的续约价,也是一样,每个网域续约价都有些不同噢。
然后还有一笔几毛钱的ICANN fee 。
网域名字可以选择购买1 年, 2 年,甚至一次过买10年都可以,这个示范是买1年的。
接着,记得绑定卡,开启自动renew功能。
然后点选confirm order。
填写你的个人资料( 英文)。
- Log In to Your Account (这是用来登入帐号的)
接下来就填写个人资料。
填完之后点选Continue就行了。
进到下一页之后,检查一遍你刚才填写的个人资料(名字、地址、手机号)。
没问题的话,就点选Continue。
接下来选择你要的付款方式,
- 信用卡
- Paypal
- Account Fund(用Namecheap帐户金来支付)
如果是要用卡,Debit card储蓄卡和Credit card信用卡都可以使用,只要是VISA / MASTER就可以了。
若刚刚你有开启自动更新,Auto Renew 的话,那么你就会出现这个选项,默认打勾就行了。
确认一下你购买的网域资讯和价钱,没问题的话就点选PAY NOW。
接下来你会收到一封邮件确认信箱,这个很重要哦,是用来Verify 你的帐号。
如果没有在限定时间里完成验证,网域可能会失效哦!
几分钟后,到Domain list 看看网域是否生效了。(显示Active)
第3课:设定DNS代管-Name Server(影片教学)
Cloudflare 是最受欢迎的的DNS 代管商,将你网域的Name Server设定到cloudflare ,就可以在Cloudflare 里管理DNS 设定。
网域Domain -> DNS -> IP位置
Etc :使用Cloudflare代管DNS ,可以帮你减少网站负担。
如果网站使用者在韩国登入你的网站,那么cloudflare会帮你找离韩国最近的server ,对应到你的IP,将你的网站呈现给他们。
另外,cloudflare 还可以帮助你减少hacker 攻击。
第4 课:认识Hosting 虚拟主机
HOSTING – 什么是虚拟主机?
有了网域之后,我们需要一个虚拟主机,来存放我们的网域。如果说网域是住家地址,那么虚拟主机就是一个地了。
架站主机可以分为4种:共享主机、VPS、云端主机、专属主机。
虚拟主机,也被称作为网站空间、主机商或是网站服务器,比较常见的是:
- VPS主机(资源是自己的)
- 共享主机(和别人share资源)
除非你的网站是大规模,不然基本上不会需要用到云端主机和专属主机。
共享主机是最常看到的低价的入门主机,这种虚拟主机会在1台主机上放上几十个或几百个的网站。
概念就像wifi,若这个wifi有50GB ,那么所有连接这个wifi的人都会共享线路,所以如果别人拿来加载看戏等,你的线路就会受影响,变慢。
1个资源,大家共享。
常见的共享主机商有Bluehost、 WPWebHost、SiteGround、GoDaddy 等。
VPS主机( Virtual Private Server)有自己的空间,一个IP有自己的一个VPS,自主性很高,不会受到限制。常见的VPS供应商有老牌Linode或Digital Ocean等。
概念就是你买多少GB ,都是你自己的,不和别人share,不会受别人影响。
共享主机会比较容易操作和使用, VPS 主机则是需要一些技术背景,例如Linux。
但我们可以使用VPS主机代管商,使用代管商的服务,就不太需要技术,他们已经把技术难度处理掉了,使用方面与共享主机商差不多。
虽说VPS虚拟主机占有优势,但价格却很实惠,甚至还便宜过一些共享主机。
第5 课:选择主机商
在这里我将使用Cloudways 来作为教学资源。
Cloudways为WordPress网站提供了优化的服务器,他以快速、安全、可靠和廉价等优势从众多主机商里脱颖而出。他非常适合新手架站,并且提供了全天24小时的在线服务、免费搬家1次等独家服务。
Cloudways是一家主机代管商,它本身不提供任何主机,而是找专业的主机商配合,并且将这些主机优化,让我们能够轻松简单的使用。他支援3间VPS、2间云端服务平台,分别是:
这几间主机商在市场上是比较出名的,或许你会好奇为什么我们不直接运用这些VPS平台的服务?
因为要操作这些VPS 平台要有一定的程式技术知识、linux 操作能力、维修能力、安全维护知识等等。但使用代管商的服务就不用。
我的网站就是使用VPS主机代管商,我个人很满意,速度通畅无阻,尤其是24小时的Live Chat服务真的是赞,我自己是找过好几次客服了,每一次都能顺利解决问题。
如果一个主机商没有24小时客服,那你只能透过email询问,多数会要等上一些时间。
我之前使用过某个共享主机商,Lag 到我怀疑人生,连更新文章也一直断线,所以我才觉得Cloudways 绝对是首选。
尤其是当你网站流量变多时,共享主机的资源会开始不足以负荷你的需求,但若此时你又没有操作VPS 的能力,那这时候Cloudways就是你最好的选择。
第6 课:Cloudways 注册+设定教学(影片教学)
Cloudways的价钱方式是按照主机规格,我们能透过信用卡或是Paypal付款,一开始我们先使用Cloudways提供的免费3天试用期注册。
注册以后就可以开始架站使用了,但最后记得要去绑卡升级你的帐号,不然3天一到你的主机就自动关闭了。
跟着影片注册cloudways + 基本设定操作。
注意事项:
打开Cloudways链接后,在注册时就要输入优惠码,注册完就来不及了。
遇到手动验证怎么办?
如果遇到这个画面,就代表需要手动验证。
步骤1 :复制起来你手动验证画面里的 email ,我的是 [email protected]
步骤2 : 回到你用来注册账号的邮箱,然后发送邮件。(如图)
步骤3:接着你的邮箱就会收到1封 verify 的信,需要我们提供一些资讯,来确保你不是恶意攻击和滥用账户的人。
蓝色部分 , 2 选 1 ( 我是给fb url & 电话号码)
青色部分,给1个能代表你身份的资料 (我给驾照~)
remark – 有些朋友担心发送驾照 /护照不安全,那你们可以参考我的做法,我会在角落上方用修图软体打上 for identification purpose only,不过要注意不能遮挡到太大面积或重要信息(例如驾照号、名字等等的)
步骤4:之后就会收到确认信,点选activate account
步骤5 : 完成验证啦!
大家跟着接下来的教学视频继续架设就行了~
第7 课- 把网域连接到Cloudways主机(影片教学)
在上一个教学影片里,我有提到说目前我们的Wordpress 网站还是使用着预设网域。(如图)
那现在我们就要把我们的Wordpress预设网域,变成我们之前所购买的网域。
连接完成后,我们Access Details 里的APPLICATION URL 预设网域就会变成我们的网域。(如下图)
跟着下方这部教学影片,你就可以成功将预设网域连接到自己的网域啦。
第8 课-安装免费的SSL安全认证(影片教学)
通讯协定(Hyper Text Transfer Protocol )网域里的HTTP 和HTTPS 的差别
http或是https,差别在于网站时候是否有安装SSL凭证。
SSL 凭证是设计来保护网页的线上交易与顾客安全, 让我们在传送资讯,输入资料等时,可以保护私人资讯与内部资料,能够有效的避免资讯被其它人监控。
基本上现在的网站大家都会安装SSL凭证,这样才不会被Google视为不明来源网站。没有安装SSL 凭证的网站,你在进入前,可能会出现这样的提醒:
或者是出现“Not Secure 不安全”,也有可能两者同时出现。
SSL 凭证可以帮助我们与用户建立信任,保护彼此,所以我认为是必备的。
SSL 凭证有免费的(但每3 个月要手动更新,而且设定挺复杂),而付费就不需要一直更新。
但cloudways主机上有附送免费的SSL,一键设定和自动更新。
现在就带你来做设定!
WordPress后台版面:
题外话:WordPress.org 和WordPress.com 的差别
当你在网络上搜寻WordPress 的资讯时,可能你会看到这两种WordPress,那我在这里就简单分享一下两者之间的差别。
WordPress是开源自由软体专案&软体即服务(SAAS) ,是一种内容管理系统(CMS),由PHP、MySQL、HTML、CSS、JavaScript组合而成。
WordPress 有分为2 种:
- WordPress . org (开源自由软体专案)
- WordPress .com (软体即服务SAAS)
WordPress .org :任何人都可以下载他免费的开源软件,然后购买虚拟主机和域名就可以了,好处是100%能自己操控网站内容和设计排版等。
WordPress .com :它是一个网站,你可以在它提供的服务方案里,注册并建立免费网站。但你必须支付你付费升级,才能安装外挂(即扩充功能、模组、插件) 。
WP.com协助你托管你的网站,你可以省去管理运作的工作,但相对的,灵活性就会少一些。
与免费的部落格平台不同的是,这是托管,你的资源还是你的。
而我们使用的正是WordPress.org,灵活性高,而且能够随时随地,从主机运作到设计等,都在自己的操控下。
总结
如果你看到了这里,就代表你已经成功架设好你的网站,恭喜你。
目前我还没有计划要写WordPress 的操作教学,但我会根据读者的需求再看看需不需要写一些教程。
你可以到Google 上搜索一些WordPress 的教学文章,我相信对你也是会有帮助的。
这篇文章就到这里,如果你觉得我的文章对你有帮助的话,可以分享出去,让大家一起学习自己架设网站。
gina 你好,我想请问,如果在选择虚拟主机的时候,是否要考虑所用电脑的operating system?
因为我的电脑是 windows 10 Pro,但当我在查询 blue host 资料的时候,才发现它只能用在linux上。
而hostgator有特别列明他们有提供 windows hosting。
有些不太明白,不知你是否了解相关资料?
感谢!
我自己在选择虚拟主机的时候,從没有考虑过operating system哦。
你的疑惑应该是要选择哪种主机方案、而不是哪种电脑系统~
hi 想问你一下,怎么我在namecheap search名字都是很贵的?
比較popular和通用的名字都會比較貴的
你好, 我注册 CLOUDWAYS 需要手动验证, 可是我找不到你提供的step (影片里说的教我们email cloudways)
已添加回这部分咯~可以看回文章教学
Hi, Gina 您好,
我在wordpress.com开了个免费webside,没加入如何主机商,就这般写了30多篇部落格文章,块年半了,赚不到收入。请问我可否继续下去。(其实是想在写blog赚点收入)。
谢谢;请回我Email。
部落格赚钱也是需要花心思去经营的工作,不是随意写写文章就行,建议你可以去了解一下SEO和利基市场领域~
https://www.uniquesoul7.com/niche-marketing-guide/
hI Gina
想请问,跟着步骤做到申请cloud ways户口验证时,却被要求呈交政府提供的发律证件,FB户口账号,电话号码。这是必须的吗. 很危险呢。。。根本没办法做live chat 寻求支援。该怎么进行下一步啊。。
这是必须的哦~一般上我发送身份认证的时候,
我会在身份认证、或驾照的角落边,用修图软体打上“FOR IDENTIFICATION PURPOSE ONLY”字眼,
这样就没问题啦,也安心一点。
至于其他的资料提供,你只需要提供FB URL,不用提供账号密码,
另外,提供电话号码也是很普遍的验证过程哦
官方会要求这些资料,只是用作于身份确认,不必太过于担心
在试用期间Livechat用不到唷,只有cloudways member才能live chat
cloudways 要手动验证,要怎样验证
我已经处理了,谢谢你。你的step很清楚,只要耐心跟着做就行了。谢谢你的无私分享
很開心有幫助到你!
啊,不小心遺漏這部分沒放上來,稍後補上 XD
关于hosting,可以直接拿blue host 吗?我是新手小白。还是你更推荐cloudway?
还有就是觉得site ground 如何?我中间换主机的话会很麻烦吗?无关月费或年费。
麻不麻烦就要看各人囖,我自己是不喜欢半路搬家的
siteground我没有用过,不能评价。
我之前有考虑使用siteground,
后来觉得它的续约费偏贵,
而且又是共享主机,资源和别人share所以不用。
个人喜好~
bluehost主机房在美国地区,我还是推荐cloudways哦,速度快,我用了1年多没当机过
那么ocean digital & linode 更推荐哪个?有什么差别吗?
我個人是推薦Linode哦,老牌子,穩定
Hi Gina, 想请问如果主机用的是bluehost 的话连接 cloudflare 是复制哪个ip地址呢?
我没使用过bluehost哦,这可能得你自己研究一下。
想领取免费pdf电子书
Hi新年快乐! 1月11号前会放上来了唷
我已经设置好了不过顾客开开我网站的时候看不到我上传的东西
要怎样做呢
不太了解你的問題,你可以把遇到的情況截圖發email給我哦~
或者是回復在留言區
(可以先下載文章中的WP實用秘籍,看看手冊裡的操作功能部分,能不能解決你的問題 )
这里领取:【电子书领取链接】
GINA, 你好。我这里的cloudways 的promocode 输入ginablog, 显示INVALID。怎么办呢
hi~我刚试过了,这个ginablog的promocode可以使用哦,没问题,你可以再试试~