利用Word和Github制作个人博客网站(一)
初衷我是大蓝鲸,不懂技术,而且穷,却喜欢搞事情。写这个教程的初衷只是教小白用户一步步建立个人博客网站,技术大神可以绕道。你只需要会 Word操作 和 注册网站账号 的技能就可以了。一、注册Github账号
登陆网站
注册界面
点击Sign up for Github进入注册页面
注册
由于dalanjing(大蓝鲸拼音)被注册了,我只能用dadalanjing了(叹气),然后,下一步直到注册结束。
不出意外,你注册的邮箱会收到一封确认邮件,点进去就行。
二、建立项目
1,注册完成并邮件确认后,点击Start a project
开始项目
2,项目的名字一定要 你的用户名+.github.io(不要问为什么,官方文档就是这么讲的,照做就好了)博客网站的英文名,然后Initialize this repository with a README打上钩钩,最后Create repository。
取个名字要注意
三、Word开始写个简单的网页
1,新建一个文件夹,然后在里面新建一个word,取个名字叫 index
word名字就酱
2,打开,点击右下角,Web版式视图,这样后面编辑内容即是网页看到的样子。
Web版式视图
3,然后运用你Word技能做出一个博客首页,大蓝鲸Word渣,所以做一个你们参考一哈就行。
Word
4,另存为html格式(不解释,照做)
另存为html格式
5,然后文件夹里出现了index.html文件和index.files文件夹,这个文件夹保存网页中的图片。
看,就是这样
四、上传文件到Github
1,点Upload files
上传
2,直接将html文件和文件夹拖进去就能上传了,上传结束点击Commit changes.
拖进去
3,浏览器输入 dadalanjing.github.io,就可以看到你的网页了,但是,发现中文乱码了。意不意外博客网站的英文名,惊不惊喜?哈哈
乱码网页
4,点开index.html
5,进入编辑模式,在代码开头加一条代码,,至于为啥,可以百度一下这条语句的用途。以后上传其他的html文件,记得都要编辑添加。
添加代码
6,重新输入地址,dadalanjing.github.io,就可以看到正确显示的网页了。
正确的网页
五、自定义域名
到这里是不是一点都不炫酷?我们自己的网站需要一个自己的域名打开才行,上面一大串是什么鬼。当然,你满足于上面的链接打开你的博客,这一小节就不用看了。但是,多折腾一下吧。这也是用github做个人博客的意义所在嘛,不然你用简书就可以了。
1,购买域名,解析到你github的地址,然后就可以了,详细的过程,给个链接你们看看(我好懒,不想写了)
绑定自己的域名到github个人主页
后记
这篇教程是为了不会用git,不会编程的小白用户写的。
生成的网页是静态的,想要更炫酷的,你可以用wordpress这样的模版(但是也有学习成本在里面的)
方法是有限的,但想象力是无限的。
随手点个赞呗,让我知道我做的事情还是有意义的噻。