网站搭建笔记精简版---廖雪峰WebApp实战-Day1:搭建开发环境笔记

网站搭建笔记精简版-廖雪峰教程学习@[三川水祭]
仅作学习交流使用,将来的你会感谢现在拼命努力的自己!!!

目录

win7安装配置git
github赋予本机权限
新建github项目
本地搭建网页框架
git实现本地文件上传
最终效果图

win7安装配置git

在这一部分,首先讲解win下的git安装。
第一步:下载
大家首先到git下载网址下载64bit安装包,直接安装,选择安装目录后一路Next。
第二步:环境变量配置
之后打开Git Bash,输入以下两行命令完成git全局设置。

git config --global user.name "Your Name"
git config --global user.email "[email protected]"

第三步:公钥生成
到C:\Users\Administrator目录下查找.ssh文件夹。如果没有,自己右击新建.ssh文件夹。针对部分用户无法直接建立.ssh文件夹的情况,可以进入git bash,输入cd C:/Users/Administrator,然后输入mkdir .ssh完成文件夹创建。之后,进去查找id_rsa.pub文件,如果没有,使用ssh-keygen -t rsa -C "[email protected]",然后一路回车,生成.pub文件。
生成公钥

github赋予本机权限

登陆自己的github账号,点击右上角的setting,之后点击SSH and GPL Key,然后点击new ssh key,将本机生成的id_rsa.pub文件内容黏贴到key中,最后自己取个名字并点击add ssh key。完成权限增加。
SSH权限增加

新建github项目

新建repository,名字为awesome-python3-webapp,如下图。
新建awesome-python3-webapp仓库

本地搭建网页框架

在本地构建如图所示的文件目录,博主选择的目录为E:\git_web\awesome-python3-webapp\,其中.gitkeep文件的目的是使得目录内容不为空,因为git上传文件的时候默认不会上传空的文件夹,因为此处上传到github上需要保持文件夹的目录,所以对每个空的文件夹下新建.gitkeep文件。
文件目录
文件目录1

git实现本地文件上传

打开Git Bash,在命令行进入E:\git_web\awesome-python3-webapp\目录下,输入git init完成项目的.git版本库的生成。
初始化git对象
之后在命令行输入git remote add origin [email protected]:zht012323/awesome-python3-webapp.git与远程的github建立链接。
链接命令生成
接下来,将本地的文件全部传到版本库中,git bash中输入的命令为git add -A将所有文件加载到版本库的暂存区,关于上传命令的区分大家可以参考这个网页。之后输入git commit -m "now add all files catelogs"将暂存区的提交到版本库。最后输入git push -u origin master将当前版本提交到github上。
推送文件目录完整流程

最终效果图

github效果图
参考博客
廖雪峰的官方网站
git如何上传所有的新文件