零基础创建博客

这篇文章详细介绍netlify + github创建自己的博客。该博客面向零基础小白,即便你没有任何基础,也可以上线属于自己的博客网站。

零基础博客教程

1.为什么不使用github pages而使用netlify?

他们共同的优点是免费,netlify相比于github pages的优点是图形化界面丰富,操作直观,便于小白操作。另一个优点是构建次数多。(构建次数越多,当你更改网页源码时,网站刷新的更及时。),还有很多别的优点,想了解更多点击这里访问官方文档

2.注册netlify并部署网站

官方网站点击这里

注册页面

推荐使用github或者邮箱注册。(如何注册github和github的基本使用请等待后续的更新)

注册完成并登陆后的页面
登录页面

小白建议从模板创建,这样基本不用担心网站的代码问题和运行问题,便于维护。

netlify3.png

下面的模板不少,但是博客的模板不多,我选的是第二个。

netlify4.png

点击github的图标,设置仓库的信息。

netlify5.png

如果界面与下图类似,恭喜你,网站已经创建成功。

netlify6.png

页面往下滑,你会发现页面已经自动部署了。
部署完成如下图

netlify7.png

现在可以进入你的网站了。但是为了方便起见,我们还是先更改一下域名

netlify8.png

点击Site settings,然后点击change site name输入一个方便又好记的名字并保存。我起的名字是mydemo2,现在就可以登录了,域名是mydemo2.netlify.com
初始界面(如下图所示)

netlify10.png

这样就完成了个人博客的创建和部署。
网站的初始内容是由模板作者设计的,该模板的github主页:https://github.com/netlify-templates/nextjs-blog-theme 里面有一些个性化设置的方法,后续会更新补上。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gledfish

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值