@IT·互联网大学生活奇思妙想

利用Word和Github制作个人博客网站(一)

2017-05-13  本文已影响0人  WZKong

初衷

我是大蓝鲸,不懂技术,而且穷,却喜欢搞事情。

写这个教程的初衷只是教小白用户一步步建立个人博客网站,技术大神可以绕道。

你只需要会 Word操作 和 注册网站账号  的技能就可以了。


一、注册Github账号

登陆网站https://github.com/

注册界面

点击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,进入编辑模式,在代码开头加一条代码,<!DOCTYPE html> ,至于为啥,可以百度一下这条语句的用途。以后上传其他的html文件,记得都要编辑添加。

添加代码

6,重新输入地址,dadalanjing.github.io,就可以看到正确显示的网页了。

正确的网页

五、自定义域名

到这里是不是一点都不炫酷?我们自己的网站需要一个自己的域名打开才行,上面一大串是什么鬼。当然,你满足于上面的链接打开你的博客,这一小节就不用看了。但是,多折腾一下吧。这也是用github做个人博客的意义所在嘛,不然你用简书就可以了。

1,购买域名,解析到你github的地址,然后就可以了,详细的过程,给个链接你们看看(我好懒,不想写了)

绑定自己的域名到github个人主页

后记

这篇教程是为了不会用git,不会编程的小白用户写的。

生成的网页是静态的,想要更炫酷的,你可以用wordpress这样的模版(但是也有学习成本在里面的)

方法是有限的,但想象力是无限的。

随手点个赞呗,让我知道我做的事情还是有意义的噻。

上一篇下一篇

猜你喜欢

热点阅读