启动网站的初学者旅程
我的网络开发旅程始于2018年9月。像许多新开发人员一样,我努力平衡学习基础知识与行业快速发展的步伐。建立一个简单的本地网站,距离启动了一个可实现的互联网访问网站几英里远。但是,我做到了!而且,这比预期的要少得多,复杂和昂贵。
这一切都始于给克里斯的电子邮件,启发了一篇有益的文章,阐明了该过程。我没有一个成熟的网站,只是一个可以帮助我学习的项目。这个正在进行的项目促使我加快了实时启动过程。您甚至可以用简单的“你好,世界!”来复制它。 HTML文件。
我选择了一种反应供电的静态位点发生器Gatsby。它的模块化方法与我的物理产品和机械设计背景产生了共鸣。建筑物感觉直观,就像建造乐高城堡,添加组件直到最终产品准备好。
这不是一个教程,而是个人帐户。希望它能激发您的灵感,这表明即使没有正规培训也可以实现,这是一个只编码一年的人。
域注册
最初,获取域名很重要。所有权隐含责任 - 人将访问我提供的内容。我花了几周的时间痛苦地为完美的名字苦苦挣扎,探索了缩写的发电机和词库。最终,我选择了joshlong.design
,这是对我的身份和职业的简单反映。我仍然喜欢在地址栏中看到它。
遵循克里斯(Chris)的建议(部分!),我购买了两个域:一个.com
和.design
。 .design
需要一些价格比较。管理两个域是可以管理的。我很少需要访问他们的设置。
购买过程很简单,类似于任何在线交易。 Namecheap( .com
)和Google域( .design
)提供了类似的经验,需要标准的个人和付款信息。 Google并没有积极地销售;他们提供了免费的WHOIS保护,我接受了隐私。但是,Namecheap积极促进托管,电子邮件,VPN和SSL证书等附加组件,这是我的设置不必要的。我已经有托管,使用了电子邮件别名,并且我的托管提供了免费的让我们加密SSL证书。
托管
选择主机比域名注册更具挑战性。我的Gatsby网站的静态性质(HTML,JavaScript)简化了决定。我不需要服务器繁重的解决方案,例如针对WordPress进行了优化的解决方案。
考虑到盖茨比的知名度,我选择了Netlify。他们的文档非常好,我舒适地保留在自由层中。 Netlify的易用性是一个重要因素。
快速github注意:我不是GIT专家。我创建了一个存储库,按照说明通过我的VS代码编辑器提交和推动更改。尽管我现在正在学习命令行Git,但它起作用了。
返回NetLify:我创建了一个帐户(无需信用卡),链接了我的GitHub存储库,并观看了NetLify部署我的网站。部署到Netlify的临时URL后,我链接了注册的域。 NetLify提供的名称服务器,我将其添加到Google域中。传播大约需要三个小时(可能会有所不同)。最后,我的域名指向我的现场网站!
内容管理系统(CMS)
CMS的景观是广阔的,但值得庆幸的是,如果您选择绕过它,则无关紧要。我在这种认识中找到了自由。我的Gatsby网站使用Markdown文件目录作为CMS -My Text Editor。 ShopTalk Show上讨论的这种方法非常有效。
对于结构一致性,我后来集成了NetLifyCMS,这是一个快速的开源CMS。现在,我可以通过Internet连接从任何地方创建和起草帖子。
资产托管(CDN)
正如克里斯(Chris)所解释的那样,CDN存储了网站资产(HTML,CSS,图像)。 Netlify包括免费的CDN,可显着提高现场速度和导航。
旅程的结论
在推出之前,我考虑过坚持本地网站,认为该过程太困难,冗长且昂贵。不是!我的域名是我唯一的费用。这条道路令人惊讶地简单:
<code>Code > Buy Domain > Find/Buy Hosting > Update Nameservers > Upload Code > Live!</code>
(如果使用相同的提供商进行域和托管,则跳过名称服务器。)
启动网站是可以实现的。该过程需要步骤,但是要耐心,这是可以控制的。分享您的创作的满足感是巨大的,超出了我的最初期望。在我整个学习过程中,网络社区的合作精神非常宝贵。
我很想听听您的经历!您的挑战和成功是什么?它像最初看起来一样令人生畏吗?
以上是启动网站的初学者旅程的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...
