想開啟高效寫作模式,有沒有技巧?【5分鐘玩轉(zhuǎn)lighthouse】系列文章將為大家分享輕量應(yīng)用服務(wù)器使用教程,提供豐富的實(shí)踐指南,幫助大家快速上手并獲得最佳產(chǎn)品體驗(yàn)。本期主要介紹如何借力 lighthouse 實(shí)例與 chevereto/picgo/typora 打造沉浸式 markdown 寫作環(huán)境。
騰訊云輕量無(wú)憂計(jì)劃lighthouse care活動(dòng)入口:https://cloud.tencent.com/act/lighthouse
騰訊云輕量無(wú)憂計(jì)劃lighthouse care活動(dòng)時(shí)間:2021年3月15日 ~ 2021年12月31日
騰訊云輕量無(wú)憂計(jì)劃lighthouse care活動(dòng)對(duì)象:騰訊云官網(wǎng)完成實(shí)名認(rèn)證的國(guó)內(nèi)站用戶(協(xié)作者與子用戶賬號(hào)除外)
背景介紹
在使用 markdown 寫文章插入圖片后,由于使用的是本地電腦的圖片,文檔一旦發(fā)送到其他人或者其他電腦,圖片的鏈接就會(huì)失效,導(dǎo)致 markdown 文章中的圖片無(wú)法顯示。
為了解決這個(gè)問(wèn)題,圖片的地址就需要是網(wǎng)絡(luò)上而不能是本地電腦的鏈接地址。如果我們將圖片存儲(chǔ)到圖床服務(wù)器中,那么我們既能在 markdown 中使用圖片的網(wǎng)絡(luò)鏈接地址,又能管理圖片,后面寫其它文章時(shí)還可以復(fù)用圖片鏈接。
本文就來(lái)介紹一下在騰訊云輕量應(yīng)用服務(wù)器上使用 chevereto 搭建個(gè)人圖床,同時(shí)利用 picgo 和 typora 自動(dòng)在 markdown 中將本地圖片上傳到圖床中,以此來(lái)解決 markdown 文章在更換電腦后圖片地址失效的問(wèn)題,進(jìn)而打造一個(gè)沉浸式 markdown 寫作環(huán)境,專注于寫作。
環(huán)境準(zhǔn)備
騰訊云輕量應(yīng)用服務(wù)器:使用 docker 應(yīng)用鏡像并安裝 docker-composechevereto:自建圖床程序,使用 docker-compose 來(lái)安裝picgo:圖床管理工具,安裝 chevereto 插件typora:markdown 編輯器服務(wù)器準(zhǔn)備
首先在騰訊云官網(wǎng)購(gòu)買一臺(tái)輕量應(yīng)用服務(wù)器,選擇 docker 鏡像,這樣我們只需安裝 docker-compose。
下載最新版dockercompose
sudo curl -l \https://github.com/docker/compose/releases/download/1.27.3/docker-compose-$(uname -s)-$(uname -m)\ -o /usr/local/bin/docker-compose為docker-compose文件添加可執(zhí)行屬性并增加軟連接
sudo chmod x /usr/local/bin/docker-composesudo ln -s /usr/local/bin/docker-compose /usr/bin/docker-compose查看docker-compose版本
docker-compose -v搭建chevereto圖床
接下來(lái)我們?cè)谳p量應(yīng)用服務(wù)器上搭建 chevereto 圖床。創(chuàng)建 chevereto 相關(guān)目錄:
mkdir -p /data/cheveretomkdir -p /data/chevereto/databasemkdir -p /data/chevereto/chevereto_images mkdir -p /data/chevereto/conf# 修改相關(guān)目錄屬性,防止chevereto啟動(dòng)時(shí)無(wú)法寫入chmod 777 /data/chevereto/databasechmod 777 /data/chevereto/chevereto_images chmod 777 /data/chevereto/confcd /data/chevereto創(chuàng)建 docker-compose.yaml 文件:
在/data/chevereto目錄中創(chuàng)建 docker-compose.yaml 文件,內(nèi)容如下:
version: \'3\'services: db: image: mariadb volumes: - ./database:/var/lib/mysql:rw restart: always networks: - private environment: mysql_root__root mysql_database: chevereto mysql_user: chevereto mysql_ chevereto: depends_on: - db image: nmtan/chevereto restart: always networks: - private environment: chevereto_db_host: db chevereto_db_ chevereto_db_ chevereto_db_name: chevereto chevereto_db_prefix: chv_ volumes: - ./chevereto_images:/var/www/html/images:rw - ./conf/php.ini:/usr/local/etc/php/conf.d/php.ini ports: - 80:80networks: private:創(chuàng)建php配置文件:在/data/chevereto/conf目錄中創(chuàng)建php.ini配置文件, 配置最大使用內(nèi)存和最大上傳的圖片大小等屬性。內(nèi)容如下:
max_execution_time = 60;memory_limit = 1024m;upload_max_filesize = 256m;post_max_size = 256m;啟動(dòng)chevereto
docker-compose up -d配置chevereto
在瀏覽器里訪問(wèn)輕量應(yīng)用服務(wù)器的ip,會(huì)打開 chevereto 首次安裝后的配置頁(yè)面,輸入相關(guān)信息后,點(diǎn)擊「install chevereto」按鈕。
出現(xiàn)下圖就表示已經(jīng)安裝成功了,然后點(diǎn)擊「admin dashboard」進(jìn)入管理頁(yè)面。
登錄以后我們要獲取 chevereto 的api key:在dashboard->settings->website->api
這里我們要獲取 api v1 key,用來(lái)在 picgo 中配置 chevereto 插件,使得 picgo 能夠直接將圖片上傳到 chevereto 中。下文在 picgo的配置過(guò)程中會(huì)詳細(xì)介紹。
安裝配置picgo
安裝picgo
picgo是一款將圖片上傳到圖床的圖床管理工具。我們根據(jù)操作系統(tǒng)下載穩(wěn)定版即可,這里下載的是 v2.2.2 windows 版本的二進(jìn)制文件。下載完畢后雙擊 picgo-setup-2.2.2.exe 文件安裝即可。「點(diǎn)擊獲取下載地址」
安裝chevereto插件
打開 picgo 后,在插件設(shè)置中搜索 chevereto 安裝即可。
配置chevereto uploader設(shè)置
這里我們要配置chevereto上傳的url(url為http://ip/api/1/upload)和之前在 chevereto dashboard 中獲取到的 api v1 key。這樣 picgo 就可以自動(dòng)將圖片上傳到 chevereto 了。
配置picgo開啟時(shí)間戳重命名
在 picgo 設(shè)置中開啟時(shí)間戳重命名,防止多次上傳相同文件報(bào)錯(cuò)。同時(shí)我們?nèi)∠渌皇褂玫膱D床,只顯示 chevereto uploader。
配置picgo-server監(jiān)聽端口
這里我們將監(jiān)聽端口設(shè)置為36677,防止 typora 上傳圖片時(shí)失敗。因?yàn)?typora 中使用了此端口號(hào)。
上傳文件
配置好之后,我們直接將圖片拖入到 picgo 的上傳區(qū)。
接下來(lái)我們到 chevereto 的頁(yè)面上可以查看剛才上傳的圖片。如下圖所示,表明 picgo 已經(jīng)將圖片上傳成功了。
安裝配置typora
安裝typora
根據(jù)操作系統(tǒng)從typora 官網(wǎng)下載相應(yīng)的安裝包,這里我們下載 windows 的安裝包。文件下載完成后,雙擊安裝即可。
配置圖像上傳
在 typora 文件->偏好設(shè)置->圖像中,我們進(jìn)行配置。插入圖片時(shí),選擇 「上傳圖片」;上傳服務(wù)設(shè)定,選擇「picgo(app)」;picgo 路徑設(shè)為 picgo 軟件的安裝路徑。
開始沉浸式寫作吧!
經(jīng)過(guò)前面的配置,我們已經(jīng)搭建好這一整套 markdown 環(huán)境,那我們馬上來(lái)體驗(yàn)一下吧!
打開 typora,我們寫一篇文章,向其中插入圖片,我們會(huì)發(fā)現(xiàn)圖片地址已經(jīng)自動(dòng)被替換為 chevereto 圖床上的網(wǎng)絡(luò)地址了。這樣當(dāng)我們將 markdown 文檔發(fā)送給其他人或者在其他電腦中打開時(shí),我們的圖片就再也不會(huì)顯示失敗了。
虛擬主機(jī) 防火墻在哪里阿里云老用戶買ecs沒優(yōu)惠,沒活動(dòng)?,no!,阿里云老用戶拼團(tuán)專場(chǎng),全場(chǎng)3.5折閑置的云服務(wù)器怎么處理好云服務(wù)器怎么更改中文名伊春市云服務(wù)器購(gòu)買網(wǎng)易電商營(yíng)收占比逐季提升 跨境電商市場(chǎng)份額已超阿里和唯品會(huì)散熱天梯圖_cpu散熱器排行榜2020虛擬主機(jī)評(píng)測(cè)要從哪幾方面入手?