这篇文章详细介绍netlify + github创建自己的博客。该博客面向零基础小白,即便你没有任何基础,也可以上线属于自己的博客网站。
零基础博客教程
1.为什么不使用github pages而使用netlify?
他们共同的优点是免费,netlify相比于github pages的优点是图形化界面丰富,操作直观,便于小白操作。另一个优点是构建次数多。(构建次数越多,当你更改网页源码时,网站刷新的更及时。),还有很多别的优点,想了解更多点击这里访问官方文档
2.注册netlify并部署网站
推荐使用github或者邮箱注册。(如何注册github和github的基本使用请等待后续的更新)
注册完成并登陆后的页面
小白建议从模板创建,这样基本不用担心网站的代码问题和运行问题,便于维护。
下面的模板不少,但是博客的模板不多,我选的是第二个。
点击github的图标,设置仓库的信息。
如果界面与下图类似,恭喜你,网站已经创建成功。
页面往下滑,你会发现页面已经自动部署了。
部署完成如下图
现在可以进入你的网站了。但是为了方便起见,我们还是先更改一下域名
点击Site settings,然后点击change site name输入一个方便又好记的名字并保存。我起的名字是mydemo2,现在就可以登录了,域名是mydemo2.netlify.com
初始界面(如下图所示)
这样就完成了个人博客的创建和部署。
网站的初始内容是由模板作者设计的,该模板的github主页:https://github.com/netlify-templates/nextjs-blog-theme 里面有一些个性化设置的方法,后续会更新补上。