會想寫這篇文章是因為被Matters平台並沒有具備 “文章索引” 的功能，所以大家紛紛祭出了不同的應對措施。而這篇文章從註冊Notion帳號開始手把手介紹，也簡單說明會使用到的編輯功能，最重要的是，要分享我這段時間插入Notion索引到文章裡面之後的成效！
準備好了嗎？ Let’s go!
之前我使用 【JSFiddle 製作Matters平台的文章索引 】
JSFiddle 的好處是用手機瀏覽可以清晰閱讀，滑動也方便，且能讓編輯者適時手動更新。
但若用筆電、桌機的Chrome網頁瀏覽含 JSFiddle 的文章，便會發現 JSFiddle區域 在整體頁面上佔據挺大的空間，閱讀者還得自行調整滑鼠的瞄準區域來操控是要滑動整篇文章，抑或是只滑動 JSFiddle區。
有在做SEO的人應該都知道
只要對瀏覽者增加一絲絲的 閱讀阻力，就有可能讓閱讀者 立馬關閉 或 跳出 該頁面
由於Matters只能設定一篇文章為『置頂』，如果可以把文章索引用其他方式來曝光，就能把這個『置頂』的位置給其他想要專心推廣的某篇文章了。
選擇使用Notion來做文章索引的理由
1. 免費
2. 編輯簡易
3. 不會佔據Matters文章頁面空間
4. 可以利用索引來『主動』推介某些文章
5. 可以嵌入Likecoin讚賞鍵
6. 文章數量多時也能做成不同分頁來管理
Notion文章索引的成果觀察
自從我將Notion的文章索引放入每篇文章底下之後，發現許多新認識的版友選擇拍手的文章都是我『自己』列入『熱門』的文章。
可見Notion連結可以間接使人多閱讀幾篇自己的文章。
Matters電腦網頁版本在文章的右側會出現系統推播的『推薦閱讀』區，讓讀者可以在閱讀該文章時延伸看更多。
據我的觀察，預設的推播『推薦閱讀』區會出現同作者的其他篇文章，以及經系統判定性質相近的文章。若是使用手機版瀏覽，『推薦閱讀』區則會顯示在文章的最底下。
系統自動推介的好處是一切都全自動，壞處也是不可控的全自動。
若長期在『推薦閱讀』區裡面看不到自己喜歡的文章，自然而然就會讓人下意識去忽略這個區塊。
而自製的Notion的文章索引，便具備『推薦閱讀』功能，還能透過自主美編排版，來『主動』決定有什麼文章要先攤在閱讀者的眼前！
你可以認知這個文章索引，就是你自己的廣告版！
宣傳的內容就是所有你的作品，宣傳的對象則是有機會點進來閱讀的人。
所以我在自己的Notion文章索引頁面裡面放入了『熱門文章』區，專門推介自己有超過200次拍手的文章。
這些文章原本在我自己的版面已經自行排序到頁面很下方的區域了，甚至是一兩個月前發的文章，早就沒有人會挖出來點擊了。
可是自從我做了這個『熱門文章』區，也實驗了一段時間之後，這些舊文章確實又再次獲得了新的拍手！
漫閱讀的Matters文章索引頁(成品頁）
如果你也想要嘗試看看Notion的效果，那就按照底下六步驟來創建自己的Notion索引吧！
原本就有Notion帳號的人，可以直接跳過步驟2的註冊細節
沒耐心的人也可以完成步驟2的註冊之後，直接拉到頁面最底下，直接用步驟5中提供的模板去修改玩玩看。
使用Notion製作文章索引的六大步驟
| 【內容摘要】 步驟1. 撈出自己的Matters的全部文章 步驟2. 註冊Notion帳號 步驟3. 建立Notion頁面 步驟4. 開始進行編輯 ✅ 移動 ✅ 平行拖曳 ✅ 併排拖曳 ✅ 製作文章分類標題 ✅ 添加底色 ✅ 添加符號 ✅ 折疊內容 ✅ bullet排列或是數列 ✅ 刪除與複製 ✅ 頁面美編 步驟5. Notion分享連結及分享相關設定 步驟6. Notion內嵌Likecoin讚賞鍵 |
步驟1. 撈出自己的Matters的全部文章
使用 @豆腐 的 Matalogue 工具 撈出自己Matters的全部文章並複製
步驟2. 註冊Notion帳號
✅ 點選右上角的 “Sign up" 便可以選用Google 或是Apple帳號無痛完成註冊
✅ 選擇『自用』(Myself)
Team 跟 Myself 的差別是在於後者 只能自己使用，不能讓不同的帳戶一起連線協作文件。但免費版的 Myself 也可以分享自己製作的模板給其他人使用。
所以針對一般使用上 Myself 就已經很足夠了。
✅ 按ＯＫ即可完成帳號設置
Notion這個工具可以想像成英文版的office，他裡面有許多現成的模板可以讓你套用。將來我也會再找時間跟大家主題性的分享運用。
步驟3. 建立Notion新頁面
✅ 選擇新增一個全新的頁面
✅ 將步驟1中抓取的文章複製並貼入Notion頁面中
選擇【拷貝】
✅ 在Notion頁面上使用【Ctrl (或是Command) + V 】便能完成貼上
步驟4. 開始進行編輯
✅ 移動
每一條列的前方都有6個黑點，用滑鼠便可以完成拖曳
✅ 平行拖曳
維持平行的上下拖曳，可以改變前後順序。文字底下會出現等長的藍線
✅ 併排拖曳
拖曳到該段文字前方會出現藍色短槓
Notion還有一個最棒的一個優點
不論你做了多少列的並排，用手機瀏覽的時候，她都會 自行調整 成最佳的呈現方式！
就跟響應式RWD網頁做的一樣棒！
✅ 製作文章分類標題
點選文字前方的+號，選擇標題 Heading1
＊熟悉Markdown語法的人可以簡單打入「/H」便可以跳過選取的動作
✅ 添加底色
點選文字前方的6個黑點，便可以選擇Color，變更背景顏色
✅ 添加符號
在文字前面使用「/emoji」便可以加入自己想用的分類icon
✅ 折疊內容
在選好的分類前方點選6黑點，選擇「Turn into」=> 「Toggle list」
✅ 點開三角形，把想要的文章給貼進去
✅ 當然每列細節也可以點選前方的6黑點，選擇bullet呈現方式或是數列
✅ 刪除與複製
✅ 頁面美編
在頁面標題上方可以加入想要的符號(icon)，封面(Cover)
步驟5. Notion分享連結及分享相關設定
✅ 點右上角的「Share」及打開「Share to web」
✅ 分享選項建議都關閉 （開關是灰色的狀態）
步驟6. Notion內嵌Likecoin讚賞鍵
✅ 使用『/embed』開啟內嵌的介面
（由於功能鍵裡面只有『內嵌』這個指令是E開頭的，所以只要Key 入『/E』就可以看到Embed這個選項了）
✅ 安裝Likecoin讚賞鍵
https://button.like.co/in/embed/ Liker ID /button?referrer = Notion share link
=> 上述網址中的粗體代入 『自己的ID』 還有 『Notion索引的分享連結 』
即可嵌入Likecoin讚賞鍵
【實作步驟】
我從步驟5得到的連結網址為
https://www.notion.so/Matters-771c2154f6f749fb9f9c36048858292e
把這個代入上方的Notion share link
得到這個網址
https://button.like.co/in/embed/ maneva1013 /button?referrer=https://www.notion.so/Matters-771c2154f6f749fb9f9c36048858292e
（再次提醒：maneva1013是我的Liker ID，要記得換成你自己的ID喔！）
將上述網址貼入內嵌的畫面內
最後的成品
寫在最後
歡迎註冊Notion帳號之後，用我這個試做的頁面自己玩玩看https://www.notion.so/Matters-771c2154f6f749fb9f9c36048858292e
只要按右上方的 Duplication，即可複製此頁面到自己的Notion帳號底下去玩
如果有任何操作上的問題，也歡迎留言給我！
【延伸閱讀】
Notion AI 測試及是否值得付費升級？
【作者介紹】漫閱讀
我在這閱讀書籍，也閱讀人生，不論是艱難的斜槓人生抑或是職場宮鬥，慢老過程中的照護陪伴，你都可以在這找到。架設網站，經營企業網站 這條路，我已走了近十年，我很樂意在這分享我曾經撞過的牆，踩過的坑，以及這些年電商經營的經歷。
若不想錯過我最新的文章，歡迎直接【訂閱電子報】
【合作聯繫】: manread.chen@gmail.com
若你喜歡我的文章，歡迎直接小額斗內！
漫閱讀筆記 
發表迴響