美文网首页@IT·互联网大学生活奇思妙想
利用Word和Github制作个人博客网站(一)

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

作者: WZKong | 来源:发表于2017-05-13 23:49 被阅读0次

    初衷

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

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

    你只需要会 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这样的模版(但是也有学习成本在里面的)

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

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

    相关文章

      网友评论

        本文标题:利用Word和Github制作个人博客网站(一)

        本文链接:https://www.haomeiwen.com/subject/yglfxxtx.html