# 如何在 Lidemy 系統中，直接 Slack DM 我？

我想到 GitHub 上很多專案的 README 貼滿 Badge 徽章，可以直接連到該徽章的網站，那有沒有可能在 Lidemy 也做一樣的事呢？

成品像這樣 ✨

[](https://lidemy.slack.com/app_redirect?channel=U01287T0D0A)

[](https://lidemy.slack.com/app_redirect?channel=U01287T0D0A)

[](https://twitter.com/cybershota_)

✨ 魔法材料有二

1. Slack 導流網址
2. 精美徽章圖樣網址

## ☎️ 找出 Lidemy Slack 聊天室

參考文章：
- [Deep linking into Slack](https://api.slack.com/reference/deep-linking)
- [How to add Slack message button to open direct chat with a user?](https://stackoverflow.com/questions/53303307/how-to-add-slack-message-button-to-open-direct-chat-with-a-user)

#### Lidemy Slack 網址
從這裡可以看到 Lidemy 的 Slack 網址


在這邊按右鍵複製，會得到

https://lidemy.slack.com/

因為我們的目的是要在外部網站跳轉到聊天室，所以在網址後頭再加上 Slack 自動導流用的路由 `app_redirect?` 成為

https://lidemy.slack.com/app_redirect?

url 的問號 `？` 後面通常是加上查詢參數，以`參數名＝參數值`為鍵值對，所以只要找到自己的 ID ，就可以從外部導流向自己的私訊頻道吧 😍

#### 找到自己的 Lidemy Slack 頻道個人 ID

首先在左上方Lidemy選單中，點開 View Profile


接著在右方 More，Copy Member ID


將 ID 連同頻道參數名稱 `channel` 放在網址後面，像這樣

https://lidemy.slack.com/app_redirect?channel=U01287T0D0A

就完成外部導流連結啦！🎉

可以自己測試看看，如果沒有登入 Slack 需要登入，有時候可能要等一下，等它跳轉


Slack 會詢問你要開啟桌面版或按取消使用 Web 版。手機也可以運作呦~

## 💅 美化你的社交按鈕

[](https://lidemy.slack.com/app_redirect?channel=U01287T0D0A)

### 製作方法

GitHub 上的專案常用 [shields.io](https://shields.io/) 來製作各種徽章

參考資料：
- [GitHub 項目徽章的添加和設置](https://lpd-ios.github.io/2017/05/03/GitHub-Badge-Introduction/)

製作方法就是使用 URL 的參數標識符：
`?` 是路徑與參數的分隔符
`&` 是參數之間的分隔符

原始狀態：

`http://img.shields.io/static/v1`

加上`?`號準備給它帶入參數

`http://img.shields.io/static/v1?`

左側的文字鍵值對

`http://img.shields.io/static/v1?label=slack`

然後用 `&` 號帶入更多參數

`http://img.shields.io/static/v1?label=slack&message=zangwang`

大致上就是這樣～

以下列出我用的參數，自行改賦值吧（[shields.io](https://shields.io/) 有更多可使用參數名稱）：

logo=slack //logo
label=slack //左側顯示文字
message=zangwang //右側顯示文字
style=flat-square //徽章樣式，官網有其他選擇
color=eb1000 //hex color Lidemy 紅(沒真的用滴管吸)

## 😎 最後一步！在 Markdown 把他們組合起來！

首先是 MarkDown 顯示圖片的語法
``

接著將圖片以超連結語法包裹
`[](外部導流連結網址)`

成為這種德性：

[![](http://img.shields.io/static/v1?label=slack&message=zangwang&style=flat-square&logo=slack&color=eb1000)](https://lidemy.slack.com/app_redirect?channel=U01287T0D0A)

## 成功！✨