
个人博客搭建【纯小白教程】
个人博客搭建【纯小白教程】
利用Github上建立自己的个人博客网站
概述
个人博客往往通过作为个人的网络日记、学习交流平台、展示形象、获得话语权等方式起到个人自由表达,知识过滤和积累、深度学习交流等作用。
总而言之,它让你在网络世界中有了一个属于自己的网站,
建立自己个人博客网站的好处: 1.装逼,这个不必多说… 2.把平时积累的知识和项目记录下来,方便日后查看使用 3.不受其他博客平台的限制
本篇教程会用到的技术栈有 git、html、css、js,不过不要慌,本篇教程面向的是纯小白群体,上边这些技术栈不会也没太大关系,跟着教程一步一步来即可。
准备工作
开始之前,先大致介绍一下用到的技术和相关概念
Github是什么:
GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务,很多人都把它称作程序员的同性交友网站,具体为啥这么叫我也不知道
GitHub Pages是什么?
Github Pages设计的初衷是为托管在GitHub上的项目提供介绍页面,开发者们可以通过GitHub Pages为他们的每一个项目创建一个用于介绍该项目的静态网站,不过由于他的空间免费而且稳定,因此用它搭建一个个人博客网站是再好不过了。
ps:GitHub是世界上最大的代码托管平台,其官网https://github.com/是一个国外网站,国内网访问会很慢,如果访问还需自身有可以访问外网的环境,或找一个可以访问GitHub的网络,这不在本篇教程范围。
ps:作为软件开发的同学github基本是必须会用到的,或早或晚。
注册GitHub账号
进入GitHub官网后点击右上角注册按钮,完成注册,注册仅需邮箱验证即可,不需要电话验证。
注:注册时,账号填写请慎重,账号直接影响到最后博客的网址。最后的网址为 账号+github.io
例:作者的账号是:gmslymhn 作者最后的博客网址就是:gmslymhn.github.io


创建仓库


ps:仓库名为 账号+github.io 其他默认
添加仓库说明文件


教程
现在整个教程已经完成了一半,可以简单看看成果了,浏览器访问 刚才的仓库名 也就是账户号+github.io
测试结果


这个时候问题也很明显了,这个网页会很简陋,简陋到只有三段话,怎么让这个网页更好看呢?
答案就是上边提到的三个技术栈,html、css、js.
我们需要一个好看的静态网页
静态网页
静态网站是指使用固定数量的由 HTML、CSS 和 JavaScript 组成的预置文件来提供页面的网站。
静态网站没有后台服务器端处理,也没有数据库。与静态网站相关的任何 “动态” 功能都是在客户端执行的,这意味着代码是在访问者的浏览器中而不是在服务器上执行的。
由于教程是面向纯小白,这里就不过多讲一些专业知识了,总之我们需要一个网页资源,这里可以去网上找一些网页源码,这里给一个作者使用的源码,各位可以用编译器甚至文本打开源码修改里边的文字或图片。
github地址:静态网页源码
上传源码


