Mac 下用 github pages 搭建自己的博客(一)

发表于

这里暂时只讲怎么利用 github pages 显示一个静态网页

准备工作

  • git
    这是 mac 自带的，所有不需要额外的安装操作
  • github 账号
    一般都有吧，如果没有那就先注册一个吧，网址 https://github.com/

    开始

    新建仓库


    填写仓库信息界面

注意：填写仓库名的时候，必须是 你的用户名.github.io, 比如我上图中的我的用户名是 objectville 所以我填写的仓库名为：objectville.github.io

制作内容

现在相当于有了我们的博客地址，但是没有任何内容，我们需要添加内容上去，这里用简单的 html 进行演示

  1. 先用 git clone 仓库到本地
    1
    git clone https://github.com/objectville/objectville.github.io.git

  1. 然后进入 objectville.github.io 文件夹

  2. 新建一个index.html文件，编写如下内容

    1
    2
    3
    4
    5
    6
    <!DOCTYPE html>
    <html>
    <body>
    <h1>Hello github pages</h1>
    </body>
    </html>

完成之后保存，这里的index.html文件必须和.git文件在同一目录下，如图

  1. 提交，这里用 git 命令的方式进行提交，也可以用图形界面进行操作


进行 git push 需要输入你 github 的用户名和密码

好了现在浏览器中输入 https://objectville.github.io 就可以直接访问了

PS:更多信息请查看官网 https://pages.github.com/

###