Markdown編輯器Typora的圖床功能

2020-12-11 相逢一醉yyb

1 Typora的用途

它是一款Markdom文本編輯器,支持osx、windows、 Linux三個平臺,是一款完全免費的軟體,在業內深受好評。Markdown則是一種純文本編輯排版格式,能幫助我們的雙手只在鍵盤上操作就能完成文章的排版。例如我這篇文章就是採用Markdown語法編輯的,有興趣的小夥伴可以了解一下。

2 個人對於Typora的看法

其實我起初是用來熟悉Markdom語法的,後來就留作了我的記事本,沒事的時候再把它打開搗鼓一下。說它是文本編輯器,都有點小覷它了,在我看來更像是一個瀏覽器——我們在用Markdown語法編輯文檔的時候,本質上來說是在編寫一個HTML網頁。

3 圖片由本地連結轉為伺服器連結

簡單介紹了一下Typora,回到我們今天的正題——如何在編寫時將圖片的本地連結轉為伺服器連結?首先需要保證你的Typora為最新版本,如果不是請於官網下載

下載安裝之後,打開Typora的文件,點擊【偏好設置】—【圖像】

選擇【上傳圖片】——上傳服務選擇我圖片所示的——【下載或更新】

等待下載完成:

再次打開【下載或更新】顯示這個便是安裝成功

下面我將總結幾個圖床工具,

阿里雲版

註冊完成後,點擊【控制臺】——【對象儲存oss】

點擊之後會提示開通,在開通前可以瀏覽一下收費標準,

這裡我就以6個月的來做為演示

進入Oss管理控制臺後,創建Bucket,輸入信息

接著我們找到【accessKeyId】和【accessKeySecret】點擊頭像浮標顯示的accessKey管理

進入之後創建一個

之後打開配置文件修改代碼:

這裡再將代碼對應內容作一個指示

修改好之後對圖片上傳功能做一個驗證

當驗證提示成功就表示Typora 已經用於圖片上傳至伺服器功能了

下面我們來驗證一下,上傳一張圖片,顯示的網絡連結

以後寫博客就不用來回的折騰了,當然不只是方便寫博客。

阿里雲的圖床功能介紹完畢, 優點:安全穩定 缺點:花錢——但是也就是一瓶飲料的錢。代碼如下:

{"picBed": { "uploader": "aliyun", "aliyun": { "accessKeyId": "", "accessKeySecret": "", "bucket": "", // 存儲空間名 "area": "", // 存儲區域代號 "path": "img/", // 自定義存儲路徑 "customUrl": "", // 自定義域名,注意要加 http://或者 https:// "options": ""// 針對圖片的一些後綴處理參數 PicGo 2.2.0+ PicGo-Core 1.4.0+ } }, "picgoPlugins": {}}

當然還有其他的雲端 例如:smms

優點:簡單實用,快速上手,免費。缺點:伺服器在國外,穩定堪憂。代碼:

{"picBed": { "uploader": "smms", // 代表當前的默認上傳圖床為 SM.MS, "smms": { "token": "這裡面的token換成你上個頁面的申請的token"//一定要換 } }, "picgoPlugins": {} // 為插件預留}

例如:七牛雲

優點:安全穩定,免費耐用 缺點:需要一個備案的域名 代碼如下:

{"picBed": { "uploader": "qiniu", "qiniu": { "accessKey": "", "secretKey": "", "bucket": "", // 存儲空間名 "url": "http://", // 自定義域名 "area": "z2", // 存儲區域編號 "options": "", // 網址後綴,比如?imgslim "path": "img/"// 自定義存儲路徑,比如 img/ } }, "picgoPlugins": {}}

這些雲端我就不折騰了,用著阿里雲挺好的。如果大家想要折騰的話將代碼改一下就可以了,都是換湯不換藥的操作。至於如何打開配置文件?請自行搜索一下,因為我安裝有編程軟體,在選擇的時候選擇此軟體即可,至於其他方法未曾嘗試。

以上內容

路漫漫,且緩行,相逢一醉解千愁

支持一下

公號:相逢一醉yyb

相關焦點

  • typora+picgo+github圖床使用教程
    前言最近typora更新添加了內置picgo上傳,這對我這個使用picgo+github當圖床的來說是大好消息。先說下picgo+github使用過程中發現的問題,其實主要怪github。而typora內置支持picgo的出現剛好拯救的這種壞情況。picgopicgo這裡就不多介紹了,相信大部分小夥伴都在用了。這裡我們需要picgo2.2以上版本,低版本的小夥伴就需要更新了哦。網絡不佳的可以看文末分享233333。下載地址。下載下來安裝,接著參考官方文檔配置github圖床即可。
  • Markdown 筆記神器 Typora 終於支持圖片上傳了!
    Typora一直是我最喜歡的 markdown 編輯器,寫博客、記筆記的首選軟體。在前段時間發布的文章中 你用什麼軟體做筆記?大部分朋友在評論區留言喜歡使用 Typora。但是 Typora 之前是不支持圖床功能的,只能通過第三方插件實現圖片自動上傳的功能。不過最近 Typora 有了更新,終於支持圖床功能了,接下來我會分別介紹藉助插件上傳圖片和 Typora 自身的圖床功能。
  • 好用的Markdown,必須配上好用的圖床!
    可以直接顧名思義,圖床,就是圖的床,是圖休息的地方。我們的所有帖子都是用markdown格式寫的,這種格式的好處就是,不需要關注排版,文件小極其容易分享。markdown中,所有的圖片都是一個連接,但是渲染後就可以看到圖片。這個連結指向的就是圖床,我們把自己想要展示的圖片上傳到圖床,然後他會返回一個連結,以後只要用這個連結就指向了這個張圖片。
  • Typora:簡單高效的 Markdown 編輯器
    Typora 是一款簡單、高效而且非常優雅的 Markdown 編輯器,它提供了一種所見即所得的全新的 Markdown 寫作體驗。打開下載界面: https://typora.io/#windows/linux/' sudo apt-get update sudo apt-get install typora快速開始界面概覽Windows
  • 使用Atom打造無懈可擊的Markdown編輯器
    增強預覽(markdown-preview-plus)Atom自帶的Markdown預覽插件markdown-preview功能比較簡單,markdown-preview-plus對其做了功能擴展和增強。支持預覽實時渲染。(Ctrl + Shift + M)支持Latex公式。
  • 私藏多年的Markdown編輯器,全部分享給你
    優雅大方--Typora官網:https://typora.ioTypora 是 Windows 端的 Markdown 新寵若要人推薦 Windows 端的 Markdown 編輯器Typora 肯定名列前茅沒辦法,人家長得實在是好看啊!
  • Gitee + Typora,搭建自己的免費圖床!
    前言對於寫博客的朋友們來講,圖床這個東西一定不會陌生,而且在一定程度上也給大家造成過一定困擾。上一篇文章中我們講了如何 利用 Github 搭建自己的免費圖床,但有人反映 Github 訪問有點慢,而且也不太穩定,所以就推薦用國內的 Gitee 來搭建,於是今天就帶來新鮮熱乎的基於 Gitee 所搭建的免費圖床教程,也水一篇文章,希望對大傢伙有所幫助。2.
  • 打造一款基於monaco-editor及markdown-it的Markdown編輯器(上)
    前言本文的 Markdown 編輯器主要是 Monaco editor + markdown-it 實現 markdown 編輯以及預覽,目前實現了:文章複製功能;Markdown 轉 html 基本樣式;自定義 table 插件以及 h 標籤插件
  • 寫作神器Typora小白完全使用教程
    Typora官網https://www.typora.ioTypora基本語法指南Typora簡介Typora是一款輕便簡潔的Markdown
  • MarkDown編輯器
    WORD或者富文本編輯器,But,當我們辛辛苦苦寫了一篇文章,但因為格式,顏色等因素給人不舒服的感覺,就想換一個編輯器了,所以,查看網際網路各個便器器,發現MarkDown編寫最為簡單、好看,所以就整理了各個MarkDown編輯器,如果小夥伴們需要編輯軟體,都可以去官網下載哦。
  • 神器 Typora !
    之前推薦過一波自用的 Markdown 編輯器,當時提到了 Typora,缺點就是無法集成圖床。其中一個折中的辦法就是手動使用 PicGo 上傳到圖床,然後將地址粘貼到 Typora。那麼 Typora 中能不能直接粘貼圖片後,就自動上傳到圖床呢?
  • 使用 Angular2+ 開發 Markdown 編輯器
    前段時間我向分享 Chat 的白宦成老師請教 Markdown 的問題,他向我推薦 Typora 編輯器,我覺著這就是我一直想要的 Markdown 編輯器,於是我就想到了這個主題。要做一個 Markdown 編輯器,首先需要解析 Markdown,根據 Github 上 most stars 排序,JavaScript 類的 marked 排第一,網上用的人也比較多,但是我喜歡另外一個 markdown-it,主觀感覺特性豐富,而且插件比較多,有 MathJax 的插件,挺好用的。
  • 使用逐浪CMS做網站如何引用Markdown編輯器
    Markdown是一種可以使用普通文本編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式。Markdown具有一系列衍生版本,用於擴展Markdown的功能(如表格、腳註、內嵌HTML等等),這些功能原初的Markdown尚不具備,它們能讓Markdown轉換成更多的格式,例如LaTeX,Docbook。Markdown增強版中比較有名的有Markdown Extra、MultiMarkdown、 Maruku等。
  • 推薦 6 款 macOS 上牛拜的 Markdown 編輯器
    我們在這就為你推薦幾款不錯的 Markdown 編輯器,它們都具有實時預覽、語法高亮、創建表、導出等各種功能,能極大提高你的寫作體驗。MacDownMacDown 是一款令人印象深刻的免費工具,集成了實時預覽、語法高亮以及可輕鬆格式化的簡約外觀等功能。這款編輯器功能齊全,設計簡約,可輕鬆定製化,還包含許多出色的功能,如自動編譯和語言渲染。
  • markdown基本語法集錦系列一
    說明,以下語法都是在Visual Studio Code編輯器中編輯預覽的。本文將持續更新,歡迎大家隨時關注,也歡迎大家對所需要的功能留言!!!至於 什麼是 markdown?它有什麼用? 這樣的問題今天就不做解釋了,不佔用大家寶貴時間,網上資源太多了!
  • Typora從入門到熟練使用
    有沒有考慮過哪天你也能使用Markdown(一種可以使用普通文本編輯器編寫的標記語言)溜溜的,除了盡顯逼格之外,也為我們在記錄所學的知識點提供了便捷的途徑。Markdown的語法因不同的解析器或編輯器而異,Typora使用的是Markdown的語法因不同的解析器或編輯器而異,Typora使用的是GitHub Flavored Markdown,默認文件格式是md。
  • 易讀易寫的Markdown,作數學筆記很容易,10分鐘就能掌握
    目前,流行的Markdown編輯器可謂是五花八門,那麼在選擇編輯器之前,請先看幾個問題:支持的系統平臺(Windows、Mac、Linux)?是否免費開源?是否支持中文界面?是否支持數學公式渲染、Mermaid流程圖?是分屏預覽,還是所見即所得的實時預覽?
  • 國產圖床終於也有稱手的小工具了