MDN《学习Web开发》教程中网站提交的补充


简要说明

  • 这篇博客是关于 MDN > 学习Web开发 > Web开发入门 > 发布网站 这一教程的补充。
  • 补充/解决问题内容:用 Git 发布之前做好的网站的过程实现。

问题说明

MDN中关于网站发布选用的方法是使用在线工具GitHub,本身并没有什么问题,对于入门者也比较合适(免费,方便,实现过程容易描述)。但是教程对于提交网站文件的描述是较为模糊的。在亲自按照教程实现后,发现有很大几率并不能实现教程设想的结果。
问题点:

  • 教程中是直接用命令行提交的网站文件,但是对于计算机和自己的GitHub账号绑定并设置密钥没有提及,而这个又会影响到网站文件的提交。
  • 此情况适用于自己电脑在之前并没有安装过Git及绑定GitHub账号的情况。

问题解决

  1. Git安装
    这个步骤按照教程走没太大问题,直接安装Git即可。GitHub建立仓库也没太大问题,需要注意的是Repository name 填写的时候要准确填写自己的GitHub用户名(若你的用户名为“John”,则填写内容为“John.github.io”).然后点击“Create repository”创建仓库即可。

  2. 将文件上传到 GitHub
    教程中这部分是容易出问题的地方。按照教程来走,很容易失败,达不到最终理想效果。
    在参照教程中“将文件上传到GitHub”这部分之前,最好先进行下面步骤3“绑定GitHub账号”的操作。

  3. 绑定GitHub账号

  • 打开Git命令窗口:在桌面右键,选择“Git Bash Here”,打开命令窗口。
  • 创建密钥步骤1:输入命令 ssh-keygen -t rsa -C "[email protected]"(操作中要将命令中双引号里的your_email@example替换为你自己GitHub绑定的邮箱地址)。
  • 创建密钥步骤2: 当窗口弹出 Enter file in which to ... 的命令时候,可以直接按下回车Enter键即可;然后弹出 Enter passphrass ... 时可以直接按下回车键;弹出 Enter same passphrase ... 时直接按下回车键。
  • 此时命令窗口会显示 Your identification has been ... 的信息,这时候输入命令 clip < ~/.ssh/id_rsa.pub 并回车(此步骤是复制公钥信息以备下个步骤使用)。
  • 给自己GitHub账号添加SSH密钥信息:在GitHub网站主页点击右上角自己的头像,在弹出的菜单中选择“Settings”,在新的网页中左侧列表里选择“SSH and GPG keys”,然后在右侧点击绿色按钮“New SSH key”,在出现的界面中Tittle里随意填写个名字(如MDNWebSSH),在Key框内直接进行粘贴操作即可(在框内鼠标右键点击,选择“粘贴”即可,因为上一个步骤里已经通过命令行复制了相关信息),最后点击下面的绿色按钮“Add SSH key”即可。
  1. 提交网站文件
  • 在自己的网站文件夹里,右键选择“Git Bash Here”打开Git命令窗口。
  • 对于MDN教程中“将文件上传到GitHub”步骤一 cd Desktop... 的命令可以忽略。
  • 之后的命令从步骤二中的“git init”开始可以往后,可以直接参照教程进行操作,就不会有太大问题。

Author: ezhq
Reprint policy: All articles in this blog are used except for special statements CC BY-NC-SA 4.0 reprint polocy. If reproduced, please indicate source ezhq !
Pay
  TOC