美文网首页kkgithub page
从零开始用github page搭建个人网站

从零开始用github page搭建个人网站

作者: 清汤饺子 | 来源:发表于2019-01-21 15:18 被阅读386次

    1.进入github官网,创建github帐号

    github官网地址https://github.com/,点击左上角的注册按钮,进入注册页面,填写邮箱号和密码进行注册。

    注册.png

    2. fork我的项目,然后再重命名为username.github.io,这个username为你的github帐号名。

    项目地址:https://github.com/tang119/tang119.github.io

    image.png
    image.png 项目列表.png
    重命名.png
    重命名后,网址输入https://nunuofficial.github.io/job/就可以看到你的网站了,当然你想要换个模板,换个地址都是可以的,下面我会介绍。
    image.png

    3.不选择fork也可以自己新建名为username.github.io的项目。

    username为github的帐号名称。建好这个项目后,只需要往里放一个index.html,打开https://username.github.io/就可以看到页面啦。具体怎么去上传代码有几种方法,下面再介绍。

    新建1.png
    新建2.png
    注意:如果https://username.github.io/显示404,可能是还没更新,等10分钟再试试

    4. 管理代码

    安装github桌面版,方便上传最新的代码
    下载地址:https://desktop.github.com/

    image.png
    下面演示的图片用到的是我自己的帐号。
    具体看下怎么管理代码就可以啦。
    登录github帐号
    登录.png

    本地关联github仓库

    • 进入放代码的目录
      f:
      cd f:\github\tang110/github.io
    • 初始化git版本
      git init
    • 'https://github.com/tang119/tang119.github.io'要修改为你自己的地址。
      git remote add origin https://github.com/tang119/tang119.github.io
      如果出现错误:fatal: remote origin already exists,则执行以下语句:
      $ git remote rm origin
    • 拉取远程版本
      git pull origin master
      image.png

    本地把代码拉下来后,用github桌面版进行管理,路径就选为刚刚新建的目录。


    image.png

    给代码做下修改


    image.png

    github桌面版识别到修改的内容,选择修改的内容,commit

    image.png
    commit后还需要publish branch才会提交到远程库
    image.png
    显示为Fetch origin就是提交成功啦
    image.png
    就可以到https://github.com/tang119/tang119.github.io刷新看代码是否已提交
    image.png

    最后输入网址'https://tang119.github.io/test/’看是否可以显示刚刚提交的内容。看到提交的内容已经生效了,现在是不是学会管理github上的代码了呢,那么你可以随意更改tang119.github.io项目中的内容,自定义模板,都可以在https://tang119.github.io中生效,最简单是进入http://www.cssmoban.com/模板之家,选择自己喜欢的模板,修改一下文字,就有了自己的网站了。也可以直接在我的模板上修改~

    image.png

    下面介绍一下不下载github桌面版怎么管理仓库

    进入项目目录

    • 添加所以改动的文件
      git add .
    • 提交修改
      `git commit -m "test1"
    • 上传修改
      git push origin master
    • 输入用户名和密码就提交成功了


      image.png

    更加详细的管理仓库的指令和遇到的问题可以看我这篇博客:https://github.com/tang119/blog/issues/10,包含了关联ssh,新建ssh的方法

    相关文章

      网友评论

        本文标题:从零开始用github page搭建个人网站

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