如何将像png这样的图片上传到GitHub仓库？

Question

我是Git或GitHub的新手，不知道如何将图片文件上传到我的Git repo中。有任何想法吗？

- macchiavalley

---

这个真的需要被添加到 GitHub FAQ 中... 目前没有通过Web UI上传图像（或其他非文本文件）的方法。您将不得不像下面建议的那样进行正确的“克隆（clone）”和“推送（push）”。 - Chris

请注意，如果您不需要将图像实际存储在代码库中，而只需要访问它，您可以添加一个虚拟的“问题（Issue）”，并将图像拖放或复制/粘贴到其中。然后，您可以在自述文件、维基页面或任何其他地方引用该图像。 - Julian Knight

Answer 1

你需要先将PNG文件添加并提交到本地代码库。然后再将更新推送至远程服务器。

git add xxx.png
git commit -m 'add png file'
git remote add origin https://github.com/xxx.git
git push -u origin master

- yushulx

---

那么，如果我有一个仓库，我只通过Web界面进行管理（因为建立本地仓库很麻烦），会怎样呢？ - Tomáš Zato

我认为问题是如何使用网页界面完成这项任务。使用 Git 的方法非常明显，但使用 web GUI 完成相同的任务则远非易见。 - ceving

Answer 2

虽然GitHub没有CDN支持，但你可以使用“Issues”来上传内容，比如图片和PDF文件。

以下是具体操作步骤：

1. 进入Issues页面 2. 创建新的Issue 3. 将图片拖放到内容区域 4. 提交Issue 提交Issue后，GitHub会显示你上传图片的预览。你只需右键点击图片，复制URL并使用即可。

这种方法避免了繁琐的“add-commit-push”循环，同时也使你的代码库保持轻量化，因为你不需要将图片保存在代码库中。

- Kaunteya

---

需要提交这个问题吗？ - Connor Clark

Answer 3

更新：Github已经发布了上传选项用于存储库！

yushlux的答案对于使用CLI的人来说很好。但是，通过浏览器上传图片到Github可以这样做。

使用prose.io编辑和插入任何文件中的图像到您的repo，但是请确保在存储库的根目录中创建一个_prose.yml文件并在其中添加此代码。

prose:
  rooturl: '/'
  siteurl: 'http://prose.github.io/starter/'
  relativeLinks: 'http://prose.github.io/starter/links.jsonp'
  media: 'media'
  ignore:
    - index.md
    - _config.yml
    - /_layouts
    - /_includes
  metadata:
    _posts:
      - name: "layout"
        field:
          element: "hidden"
          value: "blog"
      - name: "tags"
        field:
          element: "multiselect"
          label: "Add Tags"
          placeholder: "Choose Tags"
          options:
            - name: "Apples"
              value: "apples"
            - name: "Bananas"
              value: "bananas"
    _posts/static:
      - name: "layout"
        field:
          element: "hidden"
          value: "page"
      - name: "permalink"
        field:
          element: "text"
          label: "Permalink"
          value: ""

现在你应该能够通过 prose.io 上传图片了。

详细的教程请阅读这里：如何在线添加或编辑Jekyll文章。

- Sharath kumar