1. 程式人生 > >如何利用Github在Markdown中優雅地插入圖片

如何利用Github在Markdown中優雅地插入圖片

一共有6個步驟:
前提需要下載Git,如果Github不清楚的可以看GitHub基礎操作

  1. 在github中新建一個專案,不要勾選Initalize this repository with a README選項,如建立一個MarkdownPhotos的倉庫


  2. 在本地電腦新建資料夾將圖片放入資料夾中,如新建ImageGithubToMarkdown資料夾

  3. 建立本地倉庫



  4. Push到GitHub




    完成後的圖片為


  5. 在Google瀏覽器開啟GitHub,右鍵點選圖片,選擇在“新標籤頁中開啟圖片”。



  6. 複製圖片的網址到Markdown,則可以顯示圖片







    如果圖片看不清楚,同樣可以右鍵“在新標籤頁中開啟圖片”

相關推薦

如何利用Github在Markdown優雅插入圖片

一共有6個步驟: 前提需要下載Git,如果Github不清楚的可以看GitHub基礎操作 在github中新建一個專案,不要勾選Initalize this repository with a R

在LaTeX優雅插入程式碼,並使用Consolas字型!

最近在用LaTeX整理演算法模板,關於優雅地插入程式碼方面,還是研究了一陣子,早知道直接Google了,關於程式碼中插入中文註釋可以參看我的另一篇部落格, % 標頭檔案 \usepac

如何在 Kylin 優雅使用 Spark

前言 Kylin 使用者在使用 Spark的過程中,經常會遇到任務提交緩慢、構建節點不穩定的問題。為了更方便地向 Spark

【python+autohotkey】優雅在markdown插入圖片

在 markdown 寫作中,若需要插入圖片,往往需要一系列繁瑣的操作: 1. 將圖片上傳到圖床等雲空間 2. 獲取圖片外鏈 3. 在 markdown 中插入外鏈 要想優雅地進行 markdown 寫作,這樣的流程是不能忍的,參考網路上針對這個需求開發

如何優雅遮蔽掉Google搜尋結果視訊、新聞、圖片等結果

本人在使用Google搜尋的時候,經常發現一些相關性的YouTube視訊還有Google自家產品的搜尋結果出現,在使用了指令碼優化之後,十分不美觀。在看了Adblock Plus的自定義過濾器文件之後,終於有了突破。 下面分享一下過程,希望能有所幫助。 下面是Google搜尋“我的”一次的結

【HTML】 向網頁<Title></Title>插入圖片以及跑馬燈

doctype set utf css images style itl substring icon <!DOCTYPE html><html><head><meta charset="UTF-8"><style ty

在LaTex插入電路圖的方法(插入圖片

插入 exp order ring alt 表示 target index strong 主要的需求是要在文檔中插入電路圖。 有兩種方法,一種是直接在LaTex中繪制電路圖,使用的庫主要是circ和circuitikz 一、直接在LaTex中繪制電路圖

vc如何向輸出的word插入圖片

vda rtl ogg cnblogs sin hgj 如何 uda zrm 侵炕繳i9cjd鉸刑舅http://jz.docin.com/juda88914遊幽紙rtl5u堪技蹈http://jz.docin.com/sina_6372925266八且炔3xh9x鋼逼攘h

Python3 tkinter基礎 Text image 文本框插入圖片

rules height 意思 wxwidgets .org tro import logs details ? python : 3.7.0 OS : Ubuntu 18.04.

如何在php優雅調用python程序

ima inf python php環境 工作 php程序 技術分享 image alt 1.準備工作 安裝有python和php環境的電腦一臺。 2.書寫程序。 php程序如下 我們也可以將exec(‘python test.py‘) 換成 system(‘

優雅實現Android主流圖片加載框架封裝,可無侵入切換框架

ror 要去 out drawable 如果 jpg gre cached square 項目開發中,往往會隨著需求的改變而切換到其它圖片加載框架上去。如果最初代碼設計的耦合度太高,那麽恭喜你,成功入坑了。至今無法忘卻整個項目一行行去復制粘貼被支配的恐懼。:) 那麽是否存在

css插入圖片時的相對路徑和絕對路徑

在CSS檔案裡,有時要用到background,即加一個背景圖片,新增的路徑根據圖片及css檔案的相對位置分以下兩種型別: 1.同包下:background : url(xxx.jpg); 2.不同包: 在這種情況下有2中方法可以設定,一種是使用絕對路徑,即C:\Users\dellpc

Golang如何優雅提取JSON資料需要的欄位資料

JSON資料是我們開發中經常遇到的一種資料格式,一般通用的做法是,我們通過建立實體類,然後利用一些框架將JSON資料轉化為對應的實體類物件,這樣我們就可以方便地訪問JSON資料了。 但是有些時候,一個JSON物件很大,欄位很多,而我們可能只需要其中的幾個欄位值,這在呼叫第三方API時可能經常

Java向JFrame插入圖片的程式碼

資料夾“影象”是與“src”同級的目錄檔案  package com.main; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; public class Exa

在Java如何優雅判空

判空災難   作為搬磚黨的一族們,我們對判空一定再熟悉不過了,不要跟我說你很少進行判空,除非你喜歡NullPointerException。   不過NullPointerException對於很多猿們來說,也是Exception家族中最親近的一員了。   為了避免N

在word如何美觀插入程式碼

開啟這個網站 http://www.planetb.ca/syntax-highlight-word 進去後我們看到下面的介面 中間的空白文字框,可以插入程式碼,下面可以選擇程式碼種類,最後點選Show Highlighted就完成了 結果如下,可以看到,還是比較美觀的 然後直接複製

如何在優雅Spring 實現訊息的傳送和消費

本文將對rocktmq-spring-boot的設計實現做一個簡單的介紹,讀者可以通過本文了解將RocketMQ Client端整合為spring-boot-starter框架的開發細節,然後通過一個簡單的示例來一步一步的講解如何使用這個spring-boot-starter工具包來配置,傳送和消費Rocke

Java如何優雅刪除List的元素

在工作中的許多場景下,我們都會使用到List這個資料結構,那麼同樣的有很多場景下需要刪除List中的某一個元素或某幾個元素,那麼我們該如何正確無誤地刪除List中的元素的,今天我來教大家三種方式。 前提知識準備 for迴圈的執行順序 這裡借用百度百科的一張圖,簡明扼要的介紹一下。 Iterator

如何在優雅Spring 實現消息的發送和消費

取消 命令行操作 回調方法 模板類 names 消息中間件 throw 出現 其中 本文將對rocktmq-spring-boot的設計實現做一個簡單的介紹,讀者可以通過本文了解將RocketMQ Client端集成為spring-boot-starter框架的開發細節,然

Hexo部落格搭建之在文章插入圖片

在寫文章時,常常有配圖說明的需求。Hexo有多種圖片插入方式,可以將圖片存放在本地引用或者將圖片放在CDN上引用。 本地引用 絕對路徑 當Hexo專案中只用到少量圖片時,可以將圖片統一放在source/images資料夾中,通過markdown語法訪問它們。 ![](/ima