如何借力騰訊云輕量應用服務(wù)器Lighthouse實(shí)例與

想開(kāi)啟高效寫(xiě)作模式，有沒(méi)有技巧？【5分鐘玩轉Lighthouse】系列文章將為大家分享輕量應用服務(wù)器使用教程，提供豐富的實(shí)踐指南，幫助大家快速上手并獲得最佳產(chǎn)品體驗。本期主要介紹如何借力 Lighthouse 實(shí)例與 Chevereto/PicGo/Typora 打造沉浸式 Markdown 寫(xiě)作環(huán)境。

騰訊云輕量無(wú)憂(yōu)計劃Lighthouse Care活動(dòng)入口：https://cloud.tencent.com/act/lighthouse

騰訊云輕量無(wú)憂(yōu)計劃Lighthouse Care活動(dòng)時(shí)間：2021年3月15日 ~ 2021年12月31日

騰訊云輕量無(wú)憂(yōu)計劃Lighthouse Care活動(dòng)對象：騰訊云官網(wǎng)完成實(shí)名認證的國內站用戶(hù)（協(xié)作者與子用戶(hù)賬號除外）

背景介紹

在使用 Markdown 寫(xiě)文章插入圖片后，由于使用的是本地電腦的圖片，文檔一旦發(fā)送到其他人或者其他電腦，圖片的鏈接就會(huì )失效，導致 Markdown 文章中的圖片無(wú)法顯示。

為了解決這個(gè)問(wèn)題，圖片的地址就需要是網(wǎng)絡(luò )上而不能是本地電腦的鏈接地址。如果我們將圖片存儲到圖床服務(wù)器中，那么我們既能在 Markdown 中使用圖片的網(wǎng)絡(luò )鏈接地址，又能管理圖片，后面寫(xiě)其它文章時(shí)還可以復用圖片鏈接。

本文就來(lái)介紹一下在騰訊云輕量應用服務(wù)器上使用 Chevereto 搭建個(gè)人圖床，同時(shí)利用 PicGo 和 Typora 自動(dòng)在 Markdown 中將本地圖片上傳到圖床中，以此來(lái)解決 Markdown 文章在更換電腦后圖片地址失效的問(wèn)題，進(jìn)而打造一個(gè)沉浸式 Markdown 寫(xiě)作環(huán)境，專(zhuān)注于寫(xiě)作。

環(huán)境準備

• 騰訊云輕量應用服務(wù)器：使用 Docker 應用鏡像并安裝 docker-compose
• Chevereto：自建圖床程序，使用 docker-compose 來(lái)安裝
• PicGo：圖床管理工具，安裝 chevereto 插件
• Typora：Markdown 編輯器

服務(wù)器準備

首先在騰訊云官網(wǎng)購買(mǎi)一臺輕量應用服務(wù)器，選擇 Docker 鏡像，這樣我們只需安裝 docker-compose。

下載最新版Docker Compose

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文件添加可執行屬性并增加軟連接

sudo chmod  x /usr/local/bin/docker-compose
sudo ln -s /usr/local/bin/docker-compose /usr/bin/docker-compose

查看docker-compose版本

docker-compose -v

搭建Chevereto圖床

接下來(lái)我們在輕量應用服務(wù)器上搭建 Chevereto 圖床。創(chuàng )建 Chevereto 相關(guān)目錄：

mkdir -p /data/chevereto
mkdir -p /data/chevereto/database
mkdir -p /data/chevereto/chevereto_images 
mkdir -p /data/chevereto/conf
# 修改相關(guān)目錄屬性，防止chevereto啟動(dòng)時(shí)無(wú)法寫(xiě)入
chmod 777 /data/chevereto/database
chmod 777 /data/chevereto/chevereto_images 
chmod 777 /data/chevereto/conf
cd /data/chevereto

創(chuàng )建 docker-compose.yaml 文件：

在/data/chevereto目錄中創(chuàng )建 docker-compose.yaml 文件，內容如下：

version: '3'

services:
  db:
    image: mariadb
    volumes:
      - ./database:/var/lib/mysql:rw
    restart: always
    networks:
      - private
    environment:
      MYSQL_ROOT_PASSWORD: chevereto_root
      MYSQL_DATABASE: chevereto
      MYSQL_USER: chevereto
      MYSQL_PASSWORD: chevereto

  chevereto:
    depends_on:
      - db
    image: nmtan/chevereto
    restart: always
    networks:
      - private
    environment:
      CHEVERETO_DB_HOST: db
      CHEVERETO_DB_USERNAME: chevereto
      CHEVERETO_DB_PASSWORD: chevereto
      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:80

networks:
  private:

創(chuàng )建php配置文件：在/data/chevereto/conf目錄中創(chuàng )建php.ini配置文件， 配置最大使用內存和最大上傳的圖片大小等屬性。內容如下：

max_execution_time = 60;
memory_limit = 1024M;
upload_max_filesize = 256M;
post_max_size = 256M;

啟動(dòng)Chevereto

docker-compose up -d

配置Chevereto

在瀏覽器里訪(fǎng)問(wèn)輕量應用服務(wù)器的IP，會(huì )打開(kāi) chevereto 首次安裝后的配置頁(yè)面，輸入相關(guān)信息后，點(diǎn)擊「Install Chevereto」按鈕。

出現下圖就表示已經(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ì )詳細介紹。

安裝配置PicGo

安裝PicGo

PicGo 是一款將圖片上傳到圖床的圖床管理工具。我們根據操作系統下載穩定版即可，這里下載的是 v2.2.2 Windows 版本的二進(jìn)制文件。下載完畢后雙擊 PicGo-Setup-2.2.2.exe 文件安裝即可?！更c(diǎn)擊獲取下載地址」

安裝Chevereto插件

打開(kāi) PicGo 后，在插件設置中搜索 Chevereto 安裝即可。

配置Chevereto Uploader設置

這里我們要配置Chevereto上傳的Url（Url為http://ip/api/1/upload）和之前在 chevereto Dashboard 中獲取到的 API v1 key。這樣 PicGo 就可以自動(dòng)將圖片上傳到 Chevereto 了。

配置PicGo開(kāi)啟時(shí)間戳重命名

在 PicGo 設置中開(kāi)啟時(shí)間戳重命名，防止多次上傳相同文件報錯。同時(shí)我們取消其它不使用的圖床，只顯示 Chevereto Uploader。

配置PicGo-Server監聽(tīng)端口

這里我們將監聽(tīng)端口設置為36677，防止 Typora 上傳圖片時(shí)失敗。因為 Typora 中使用了此端口號。

上傳文件

配置好之后，我們直接將圖片拖入到 PicGo 的上傳區。

接下來(lái)我們到 Chevereto 的頁(yè)面上可以查看剛才上傳的圖片。如下圖所示，表明 PicGo 已經(jīng)將圖片上傳成功了。

安裝配置Typora

安裝Typora

根據操作系統從 Typora 官網(wǎng)下載相應的安裝包，這里我們下載 Windows 的安裝包。文件下載完成后，雙擊安裝即可。

配置圖像上傳

在 Typora 文件->偏好設置->圖像中，我們進(jìn)行配置。插入圖片時(shí)，選擇 「上傳圖片」；上傳服務(wù)設定，選擇「PicGo(app)」；PicGo 路徑設為 PicGo 軟件的安裝路徑。

開(kāi)始沉浸式寫(xiě)作吧！

經(jīng)過(guò)前面的配置，我們已經(jīng)搭建好這一整套 Markdown 環(huán)境，那我們馬上來(lái)體驗一下吧！

打開(kāi) Typora，我們寫(xiě)一篇文章，向其中插入圖片，我們會(huì )發(fā)現圖片地址已經(jīng)自動(dòng)被替換為 Chevereto 圖床上的網(wǎng)絡(luò )地址了。這樣當我們將 Markdown 文檔發(fā)送給其他人或者在其他電腦中打開(kāi)時(shí)，我們的圖片就再也不會(huì )顯示失敗了。