在U盘里建立git仓库

本文介绍了如何在Windows环境下使用MSYSGit进行版本控制。包括安装过程、建立服务端仓库、同步文件、克隆仓库及从服务端同步更改的具体步骤。

 

1、windows下安装msysgit作为git的管理工具,下载地址:http://code.google.com/p/msysgit/ 。安装成功后,可以看到git bash和git gui两种操作方式,以下通过git bash进行操作。

2、假设欲在 I:\\code_repo\\dcshop目录建立仓库作为服务端,依次执行以下命令:

cd I:\\code_repo\\dcshop               #切换当前目录到h磁盘

git --bare init --shared

最后一行git init的作用是创建一个空的git仓库或重新初始化一个已存在的仓库。bare参数的作用是让 syncfiles目录等价于一个赤裸的仓库(bare repository),shared参数则指定仓库在多个用户间共享。由此相当于创建了一个作为服务端的仓库。这个仓库的目录结构可以和后面创建的仓库 对比下,是不一样的。

3、假设欲同步的文件位于d:syncfiles目录下,现在需要把d:syncfiles目录下的文件推送到服务端仓库中,依次执行以下命令:

cd /d/syncfiles

git init                        #在此目录创建一个git仓库

git config core.autocrlf false  #可选,关闭自动将lf换行符转换为crlf换行符

git add .                       #将目录下的全部文件添加到索引中

git commit -m "提交信息"        #将变化提交到仓库

git remote add "origin" I:\\code_repo\\dcshop //添加一个远程仓库,origin为别名(git默认就是origin)

git push origin master
          #将本地内容推送到服务端仓库中

以上步骤完成后,本地d:syncfiles目录下的文件即被推送到服务端仓库中了。以后文件有改动时,可按以下步骤提交变化:

git add 改动的文件

git commit -m "提交信息"

#以上步骤可以反复进行,等工作告一段落时可再提交到服务端仓库中

git push

4、现在假设要在e:进行同步,则步骤如下:

cd /e

git clone I:\\code_repo\\dcshop      #从服务端克隆出一个仓库

git config core.autocrlf false

执行后,可在e:下看到syncfiles目录,这个目录的结构和d:syncfiles完全一致(同时可以比对下h:syncfiles的目录结构,是不一样的)。以后如果对这个目录进行更改,可按第3步将更改推送到服务端仓库中。

5、从服务端仓库中同步更改。假设在d:syncfiles进行了更新并推送到了服务端仓库,此时需要在e:syncfiles中进行同步。这个步骤包含了两个动作:

  • 从服务端仓库取出更新版本
  • 与本地仓库进行合并

步骤如下:

cd /e/syncfiles

git pull origin master

以上展示了git中常见的操作,但没有涉及到以下内容:

  • branch(分支)
  • 冲突和合并
  • 撤销和恢复

要说明的是,在git中有一个默认的分支存在,即master分支(主分支,即上文命令中出现的master),该分支由git自动生成。之前我们的各个操作都是在主分支上进行的,只是我们未察觉它的存在而已。

 

 

 

附上我的.git/config

 

[core]
	repositoryformatversion = 0
	filemode = false
	bare = false
	logallrefupdates = true
	symlinks = false
	ignorecase = true
	hideDotFiles = dotGitOnly
[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = I:\\code_repo\\dcshop
	puttykeyfile = 
[branch "master"]
	remote = origin
	merge = refs/heads/master
 

 

 

<think>我们参考用户提供的引用资料,但发现这些引用主要涉及微信小程序、Vue项目创建、Servlet配置、U重装系统和Elasticsearch操作,与网页创建步骤关联不大。因此,我们将根据通用的网页开发知识来构建回答。创建网页的基本步骤包括:规划、设计、编写HTML结构、添加CSS样式、增加JavaScript交互、测试和发布。下面详细说明每个步骤的操作方法:</think> ### 创建网页的详细步骤及操作教程 以下是创建网页的标准流程(结合HTML、CSS、JavaScript),以创建一个包含导航栏、内容区和页脚的基础网页为例: --- #### **步骤1:项目准备** 1. **创建项目文件夹** ```bash mkdir my-website && cd my-website ``` 2. **新建基础文件** ```bash touch index.html styles.css script.js ``` --- #### **步骤2:编写HTML结构** ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一个网页</title> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- 导航栏 --> <nav class="navbar"> <ul> <li><a href="#home">首页</a></li> <li><a href="#about">关于</a></li> <li><a href="#contact">联系</a></li> </ul> </nav> <!-- 内容区 --> <main> <section id="home"> <h1>欢迎访问</h1> <p>这是我的第一个网页!</p> </section> <section id="about"> <h2>关于我们</h2> <p>这里写介绍内容...</p> </section> </main> <!-- 页脚 --> <footer> <p>© 2023 我的网站</p> </footer> <script src="script.js"></script> </body> </html> ``` --- #### **步骤3:添加CSS样式** (`styles.css`) ```css /* 全局样式 */ body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; line-height: 1.6; } /* 导航栏 */ .navbar { background-color: #333; padding: 1rem; } .navbar ul { list-style: none; display: flex; gap: 2rem; margin: 0; padding: 0; } .navbar a { color: white; text-decoration: none; transition: color 0.3s; } .navbar a:hover { color: #4CAF50; } /* 响应式设计 */ @media (max-width: 768px) { .navbar ul { flex-direction: column; } } ``` --- #### **步骤4:增加交互功能** (`script.js`) ```javascript // 导航栏滚动效果 document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); }); ``` --- #### **步骤5:本地测试与调试** 1. 使用VS Code安装**Live Server**插件 2. 右键点击`index.html` → **Open with Live Server** 3. 在浏览器中检查响应式效果(按F12打开开发者工具) --- #### **步骤6:部署上线** 1. **静态托管服务**(任选其一): - GitHub Pages: ```bash git init git add . git commit -m "第一次提交" git remote add origin https://github.com/用户名/仓库名.git git push -u origin main ``` 在仓库设置中启用GitHub Pages - Netlify/Vercel:直接拖入项目文件夹 --- ### 关键技术说明 1. **HTML5语义化标签** - `<nav>`、`<main>`、`<footer>` 提升SEO和可访问性 2. **CSS Flex布局** - 实现导航栏的自适应排列 3. **JavaScript DOM操作** - 为锚点添加平滑滚动效果 --- ### 在线预览工具 ▶ [CodePen完整示例](https://codepen.io/pen/?template=GRBdVwV) ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值