winney

It is never too old to learn.

0%
winney

发表于 更新于 分类于

将目录的内容提交到Github的私有仓库中

  1. 在服务器的目录中，确保已经初始化了 Git 仓库，执行了 git init 命令

  2. 配置 Git 用户信息，使用以下命令替换 <YOUR_NAME> 和 <YOUR_EMAIL> 为您的 GitHub 用户名和邮箱地址：

    1
    2
    git config --global user.name "<YOUR_NAME>"
    git config --global user.email "<YOUR_EMAIL>"

  3. 添加要提交的文件到暂存区。如果您要提交整个目录的内容，可以使用 . 来表示当前目录：

    1
    git add .

  4. 提交更改到本地仓库，并添加提交信息：

    1
    git commit -m "Your commit message"

  5. 在 GitHub 上创建一个私有仓库，并将其作为远程仓库添加到您的本地仓库。执行以下命令，将 <YOUR_GITHUB_REPO_URL> 替换为您的 GitHub 私有仓库的 URL：

    1
    git remote add origin <YOUR_GITHUB_REPO_URL>

  6. 推送本地提交到 GitHub 私有仓库。执行以下命令：

    1
    git push -u origin master

    如果您的默认分支不是 master，请将 master 替换为您的默认分支名称。

git切换分支

  1. 列出所有可用的分支：

    1
    git branch

  2. 切换到已存在的分支：

    1
    git checkout <branch_name>

  3. 创建并切换到新分支：

    1
    git checkout -b <new_branch_name>

  4. 强制切换分支（丢弃当前分支的更改）：

    1
    git checkout -f <branch_name>

  5. 切换到远程分支：

    1
    git checkout <remote_name>/<branch_name>

更改分支的名称

将 master 分支的名称更改为 wordpress

  1. 确保您当前不在要更改名称的分支上。如果当前在 master 分支上，请先切换到其他分支：

    1
    git checkout <other_branch>

  2. 更改分支的名称：

    1
    git branch -m master wordpress

  3. 将远程仓库中的分支名称也更新为新的名称：

    1
    2
    git push origin :master wordpress
    git push origin -u wordpress

删除分支

  1. 删除本地分支：

    1
    git branch -d <branch_name>

    注意，如果分支还有未合并的更改，使用 -d 选项会提示您进行确认。如果要强制删除分支，无论是否合并，可以使用 -D 选项。

  2. 删除远程分支：

    1
    git push origin --delete <branch_name>

克隆远程仓库并指定某个分支

1
git clone -b <branch_name> <remote_repository_url>

云服务器拉取代码

在云服务器上拉取从本地提交到 Git 远程仓库的 WordPress 分支的代码

  1. 首先，进入您的 WordPress 项目所在的目录：

    1
    cd /path/to/wordpress

    将 /path/to/wordpress 替换为您 WordPress 项目的实际路径。

  2. 确保您已经将远程仓库添加为 Git 的远程仓库。如果尚未添加，请执行以下命令：

    1
    git remote add origin <remote_repository_url>

    将 <remote_repository_url> 替换为您的远程仓库的 URL。

  3. 切换到目标分支（即 WordPress 分支）：

    1
    git checkout wordpress

    这将切换到名为 wordpress 的分支，确保您使用正确的分支名称。

  4. 拉取最新的代码：

    1
    git pull origin wordpress

本地仓库重新关联到远程新仓库

  1. 查看当前本地仓库关联的远程仓库：

    1
    git remote -v

    这将显示当前本地仓库关联的远程仓库信息，包括远程仓库的名称（通常是 origin）和对应的 URL。

  2. 移除当前关联的远程仓库：

    1
    git remote remove origin

    这将移除本地仓库当前关联的远程仓库（假设当前远程仓库的名称是 origin）

  3. 添加新的远程仓库地址：

    1
    git remote add origin 新的远程仓库URL

  4. 验证新的远程仓库是否关联成功：

    1
    git remote -v

    现在，您的本地仓库已经重新关联到新的远程仓库。在将代码推送到远程仓库时，可以使用 git push 命令，例如：

  5. 将代码推送到远程仓库：

    1
    git push -u origin master

    其中，origin 是新远程仓库的名称，master 是要推送的分支名。

    请注意，如果您之前的本地分支与远程仓库有相关联，新关联的远程仓库可能不会自动与这些分支关联。如果需要将旧的本地分支与新的远程仓库关联，您可以使用 git branch –set-upstream-to 命令。例如：

    1
    git branch --set-upstream-to=origin/master master

    这将把本地 master 分支与新的远程仓库的 master 分支关联起来。

    请确保在进行这些操作之前备份您的本地仓库，以防意外情况。

发表于 更新于 分类于

要让一张图片在页面中以最佳效果铺满整屏，同时在不同设备上保持一致的显示效果

1
2
3
4
5
6
7
8
9
10
11
12
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

压缩字体文件的大小

处理CSS兼容性

如果一个浏览器在解析你所书写的 CSS 规则的过程中遇到了无法理解的属性或者值，它会忽略这些并继续解析下面的 CSS 声明。在你书写了错误的 CSS 代码（或者误拼写），又或者当浏览器遇到对于它来说很新的还没有支持的 CSS 代码的时候上述的情况同样会发生（直接忽略）。

相似的，当浏览器遇到无法解析的选择器的时候，他会直接忽略整个选择器规则，然后解析下一个 CSS 选择器。

这样做好处多多，代表着你使用最新的 CSS 优化的过程中浏览器遇到无法解析的规则也不会报错。当你为一个元素指定多个 CSS 样式的时候，浏览器会加载样式表中的最后的 CSS 代码进行渲染（样式表，优先级等请读者自行了解），也正因为如此，你可以为同一个元素指定多个 CSS 样式来解决有些浏览器不兼容新特性的问题（比如指定两个width）。

这一特点在你想使用一个很新的 CSS 特性但是不是所有浏览器都支持的时候（浏览器兼容）非常有用，举例来说，一些老的浏览器不接收calc()(calculate 的缩写，CSS3 新增，为元素指定动态宽度、长度等，注意此处的动态是计算之后得一个值) 作为一个值。我可能使用它结合像素为一个元素设置了动态宽度（如下），老式的浏览器由于无法解析忽略这一行；新式的浏览器则会把这一行解析成像素值，并且覆盖第一行指定的宽度。

1
2
3
4
.box {
  width: 500px;
  width: calc(100% - 50px);
}

控制用户是否可以选择文本-user-select

1
2
3
<p>你应该可以选中这段文本。</p>
<p class="unselectable">嘿嘿，你不能选中这段文本！</p>
<p class="all">点击一次就会选中这段文本。</p>
1
2
3
4
5
6
7
8
9
.unselectable {
  -webkit-user-select: none; /* Safari */
  user-select: none;
}

.all {
  -webkit-user-select: all;
  user-select: all;
}