推薦一款超好用的編輯器

莫愆 發佈 2022-03-20T14:14:34+00:00

因為最近開始回爐重造,學習技術,所以記筆記都是用markdown格式寫的。個人認為,markdown格式最大的好處就是直接把格式融進了寫作中,而且很方便遷移。


主題:Typora自動上傳圖片教程

目標:推薦Typora這個編輯器,並教會大家自動上傳圖片的功能;刻意練習:細緻完整

目標讀者:需要進行文字輸入的人


Typora自動上傳圖片教程

markdown的好處

因為最近開始回爐重造,學習技術,所以記筆記都是用markdown格式寫的。

個人認為,markdown格式最大的好處就是直接把格式融進了寫作中,而且很方便遷移。

比如,使用markdown,一個#就代表一級標題,像這樣:

我只用寫成左邊這樣,不管到哪個支持markdown格式的編輯器底下,都能還原成右邊這樣。

當然,不光是寫技術類博客,日常寫文章,甚至寫書,都可以用這種格式,還是挺好用的,學習成本也不高,用得越熟越爽。

markdown的局限

但,稍微有一點麻煩的是圖片的遷移。

比如,我上面這個圖片,實際的文本是這樣的:

![image-20220320180647853](C:\Users\asus\Pictures\Saved Pictures\113b41cff3268efeedca3396f7b1075.jpg)

最後的小括號里是文件的地址。

這顯然是一個本地的路徑,如果我把這段文字複製到你的電腦里,除非你的電腦在同樣的位置,也有一張相同的圖片,不然就不能正常的顯示出來了。

解決辦法之一就是把這個圖片傳到網際網路上去,這樣只要你的機器能聯網,你就可以正常的顯示這張圖片了。

最後的效果可能是這樣:![image-20220320180647853](https://raw.GitHubusercontent.com/moqian95007/typora_imgs/master/2022/03/upgit_20220320_1647770808.png)

其中的https://raw.githubusercontent.com/moqian95007/typora_imgs/master/2022/03/upgit_20220320_1647770808.png你可以直接複製到瀏覽器上訪問。

Typora

因為我的所有文章和筆記,都在印象筆記里存著呢。

所以自然而然的也沿用了印象筆記里的markdown格式筆記,但我發現印象筆記的markdown,說實話,不是很好用。

而且,我直接把markdown的源碼格式複製過來,對讀者不太友好。

於是,我就想起了Typora這個軟體,我看好多人都在用,我的同事們,還有一些大佬。

然後,今天我就下下來研究了一下,然後,就真香了,強烈安利一下。不過,這是個付費的軟體,89塊錢,3台設備,買斷制,不是月費,也不是年費,很良心了。

而且,它支持自動把圖片上傳到雲上的功能,看完今天我這個教程之後,絕對更香了,相信我。

Typora自動上傳圖片教程

上傳工具的選擇-Upgit

https://support.typora.io/Upload-Image/

這是官方關於上傳圖片的文檔,我從上到下翻了一下,選中了upgit。

理由:

1.開源

2.支持多種系統

3.支持多種上傳的平台

上傳平台的選擇-github

原本,我是想選七牛雲的,因為我有現成的帳號。但轉念一想七牛雲需要域名,估計大部分讀者都沒有自己的域名。

所以,最後還是選擇了github。雖然國內訪問github的速度有一些慢,但Github的精彩不容錯過(有了github,訪問github慢的問題,也可以解決了,咳咳,點到為止)。

而且,學會了github的操作,再去搞國內的Gitee也是大同小異的事情啦。

具體操作

1.建立github倉庫

首先,你需要有一個github帳號,這一步我就不教學了。註冊地址(用郵箱註冊即可):https://github.com/signup

註冊好之後,創建一個倉庫:

①頁面右上角加號旁邊的小三角,點下來,點擊【New repository】


②【Repository name】填你的倉庫名稱,務必選擇【Public】,這個是默認選項,不改就行。

③創建成功的這個url可以保留一下,後面有用。


2.創建github token

①打開https://github.com/settings/tokens

②點擊【Generate new token】


③【Note】填上你這個token是幹嘛用的;【Expiration】表示token的過期時間,如果你和我一樣懶的話,可以選擇【No expiration】即不會過期;如果你安全意識很強,願意時不時來更新一下token,就可以選擇你希望它過期的時間。


④選擇這個token的權限範圍,我這裡只勾選了【public_repo】,即它只有權限操作public的倉庫,其他的倉庫,包括用戶相關的一些操作它都幹不了。


⑤創建成功,記下這個token,之後要用。(紅框裡的就是,可以點擊右邊那個藍色的圖標複製)


3.下載upgit

下載地址:https://github.com/pluveto/upgit/releases


可根據自己的系統選擇。

官方的wiki可以說很貼心了:

如果不知道下載哪一個:

  • 對於大多數 Windows用戶,請選擇 upgit_win_amd64.exe

  • 對於大多數 macOS用戶,請選擇 upgit_macOS_arm64

下下來之後,可以像我一樣,放在一個專門的文件夾里,然後給文件改一個名字,改成upgit:


4.配置upgit

在upgit的同一個文件夾下,新建一個config.toml的文件。

內容在這:https://github.com/pluveto/upgit/blob/main/config.sample.zh-CN.toml

不看官網的,也可以把我的複製過去:

# =============================================================================
# UPGIT 配置
# =============================================================================

# 默認上傳器
default_uploader = "github"

# 上傳文件名的格式模板(僅特定上傳器適配)
# / 目錄分隔符, 作用: 是區分目錄
# {year} 年份, 例如: 2022
# {month} 月份, 例如: 02
# {day} 天, 例如: 01
# {unix_ts} 時間戳, 例如: 1643617626
# {fname} 原始文件名,如 logo (不含後綴名)
# {fname_hash} {fname}的 MD5 散列值
# {ext} 文件後綴名, 例如.png
# 下面的例子生成的文件名預覽: 2022/01/upgit_20220131_1643617626.png
# 如果目錄不存在將會被程序自動創建
rename = "{year}/{month}/upgit_{year}{month}{day}_{unix_ts}{ext}"


# -----------------------------------------------------------------------------
# 自定義輸出格式
# -----------------------------------------------------------------------------
# {url} 圖片文件的網絡URL地址
[output_formats]
"bbcode" = "[img]{url}[/img]"
"html" = '<img src="{url}" />'
"markdown-simple" = "![]({url})"

# -----------------------------------------------------------------------------
# 直鏈替換規則 RawUrl -[replace]-> Url
# -----------------------------------------------------------------------------

# 如果您的網絡訪問Github異常或者緩慢,您可以嘗試下面的配置以開啟CDN加速
# [replacements]
# "raw.githubusercontent.com" = "cdn.jsdelivr.net/gh"
# "/master" = "@master"

# =============================================================================
# 以下為各個上傳器的配置示例. 用不到的留空即可
# =============================================================================

# Github 上傳器
[uploaders.github]
# 保存文件的分支,例如 master 或 main
branch = "master"

# 您的擁有"repo"權限的 Github 令牌
# 獲取Github Token連接: https://github.com/settings/tokens
pat = "ghp_改成你的"

# 您的公共Github存儲庫的名稱
# 注意: 為了讓您和他人可以訪問到圖片資源, 您的Github倉庫一定要是公開的,
# 在私有倉庫中Github會攔截未授權的請求,你將會得到一個404.
repo = "typora_imgs"

# 您的 Gtihub 用戶名
username = "moqian95007"

# SMMS 上傳器
[uploaders.smms]
# Get token from https://sm.ms/home/apitoken
token = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

# Imgur 上傳器
[uploaders.imgur]
# Get token from https://api.imgur.com/oauth2/addclient
# See your apps in https://imgur.com/account/settings/apps
client_id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

# Chevereto Uploader
[uploaders.chevereto]
upload_url = "https://chevereto.com/api/v1/upload"
key = "c8f8f8f8f8f8f8f8f8f8f8f8f8f8f8f8f8f8f8f8"

# 騰訊雲 COS
[uploaders.qcloudcos]
host = "xxx.cos.ap-chengdu.myqcloud.com"
secret_id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
secret_key= "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

# 七牛雲存儲
[uploaders.qiniu]
# Generate Token: http://jsfiddle.net/gh/get/extjs/4.2/icattlecoder/jsfiddle/tree/master/uptoken
token = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:xxxxxxxxxxxxxxxxxxxxxxxxxxx:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx=="
prefix = "https://cdn.mydomain.com/"

# Gitee
[uploaders.gitee]
username = "username"
repo = "repo-name"
# https://gitee.com/profile/personal_access_tokens/new
access_token = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

[uploaders.cloudinary]
cloud_name = "my_cloud"
upload_preset = "preset_name"

[uploaders.easyimage]
request_url = "https://img.545141.com/api/index.php"
token = "1c17b11693cb5ec63859b0ccccccccccc"

我們需要替換三個參數:


1:第2步獲取的token

第一步獲得的url,以我的為例:

https://github.com/moqian95007/typora_imgs.git,大家和上面的圖片對比一下,就知道要怎麼配了.我這裡修改一下這個url,可能更直觀一點:https://github.com/3333333/2222222.git,22222的地方填進2位置,33333的地方填進3位置(注意保留雙引號)。


5.配置Typora

①點擊【格式】->【圖像】->【全局圖像設置】


②【插入圖片時】選擇【上傳圖片】;上傳服務選擇【Custom Command】;【命令】輸入"D:\Program Files\upgit\upgit.exe",把你的文件路徑放進去(注意,雙引號不能少哦)。


③點擊【驗證圖片上傳選項】,測試一下是否配置成功,如果像下圖一樣,就表示成功啦。


6.完成

全部搞定,可以開始絲滑地寫文章啦~


7.彩蛋

我今天的文章,就直接從Typora里複製出來的,大家看看效果吧。


字數:不統計

耗時:2小時


··················END··················


關鍵字: