您的位置：首页 > 运维架构 > 网站架构

利用Word和Github制作个人博客网站（一）

2017-05-14 23:06 211 查看

初衷

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

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

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

一、注册Github账号

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

注册界面

点击Sign up for Github进入注册页面

二、建立项目

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

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航