我的第一个个人网站!📣

2025-05-24

我的第一个个人网站!📣

我简直不敢相信我还有两个月的时间在 Flatiron School 学习,希望到那时我可以正式称自己为一名全栈软件工程师。👩🏻‍💻

除了修改简历,我还在搭建个人网站。经过几周的纠结,我最终决定用一个现成的 HTML5 模板来部署我的第一个作品集网站。随着我技能的提升,以及最终设计出自己的 UI 组件,我可以随时完善我的作品集网站。

起点不知道从哪里开始,我从freeCodeCamp
寻求建议。我发现了这个如何将网站上线的教程,它非常有用,可以为那些不了解如何购买自定义域名、托管和外包模板的人(比如我)提供指导。我很高兴浏览Pixelarity,在那里你可以浏览 HTML 响应式模板设计。所需的基本技能包括 HTML、CSS 和 JavaScript。下一步是试图弄清楚我的自定义域名。有趣的是,这种努力最让我沮丧,我无法下定决心。长话短说,我最终将自己重新命名为,并决定使用。我喜欢数字,因此,或二进制数字。然后,我仔细考虑了长一段时间。我从其他开发人员那里学到了他们对域名的想法,我选择了。我希望我的网站以最简约的方式亲自分享我是谁以及我是什么样的人。我很高兴自定义域名仍然可用。谢谢Namecheap@fentybitfentybit.mebit.dev.me.dev.me

个性化您的网站
个性化 HTML/CSS 属性和内容交付占用了我大部分时间,但 Pixelarity 让这一切变得如此轻松!如果说有什么新东西,那就是尝试链接我的联系页面,以便其他开发者可以与我沟通。Formspree提供了这项服务。我只需要将他们的 API 提交到我的前端代码,剩下的就交给他们了。📝

替代文本

Namecheap && Netlify
虽然有很多主机提供商,例如 Bluehost、GoDaddy、Hostinger、DreamHost 等等,但你始终可以从NetlifyGitHub pages获取免费的主机提供商。我最初使用 GitHub pages 部署成功,但我的网站在 Chrome 上显示为“不安全”。我再次尝试使用 Namecheap 和 Netlify 设置我的域名。首先从 Namecheap 配置 DNS 设置 >管理。在“名称服务器”类别下,我必须将Namecheap 的基本 DNS更新为自定义 DNS

替代文本

快速重新路由到我的 Netlify域设置以添加我的自定义域。

替代文本

下一步是选择“设置 Netlify DNS”。我需要从 Netlify 获取一个名称服务器列表,并在 Namecheap 上传播。

替代文本

将Netlify 的所有 DNS 服务器复制Namecheap Nameservers,然后单击绿色复选按钮保存此设置。

替代文本

虽然我无法通过 GitHub 页面弄清楚 SSL/TLS 证书,但我了解到,一旦自定义域名上的 DNS 配置指向 Netlify 的服务器,Netlify 就会自动提供Let's Encrypt证书。Namecheap 建议在 Netlify 的 DNS 完全传播后 24 到 48 小时内重新访问您的网站。


正式上线啦!现在我有个人网站了!💥
快来看看https://fentybit.me/吧!

替代文本


fentybit](https://fentybit.me/) | GitHub | Twitter | LinkedIn
文章来源:https://dev.to/fentybit/my-first-personal-site-4m20
PREV
我连续 100 天每天都写博客文章,事情是这样的......
NEXT
我创建了自己的纯 CSS 微框架,这是一个故事🙃