ಠ_ಠ 偷偷說
3 years ago @Edit 3 years ago
蛋主設定整理範例原串
教學完成。
因為下方留言有旅人在問整理方式,所以這邊是蛋主設定整理之 Google 協作平台教學
(Notion 部分摸索中,所以這邊今天先聚焦 Google 的。)
非常之陽春,敬請見諒。
噗主在不同時區(差七小時),所以回覆會比較慢,還請見諒。
latest #33
ಠ_ಠ
3 years ago @Edit 3 years ago
基本:
在 Google Drive 裡面找到協作平台新增。
https://images.plurk.com/3ozKyyfxTNkdfpApBlljIO.gif
進入協作平台。
https://images.plurk.com/28f6BTRRwZ9sBKdmrO4nRx.png
https://images.plurk.com/1EIEhpe7hlPU7kLgOUNWAt.gif
(抱歉噗主是個毫無視覺美感的文手)
下方教學主要著重原串的兩種文件整理方式。
ಠ_ಠ
3 years ago @Edit 3 years ago
可點開的文字方塊。
整理範例:
https://images.plurk.com/3HBhk2DRlRmC8BlsfTcmpI.png
方式:
https://images.plurk.com/7sAwzBSsb7TPuwAKT8uhrt.png
https://images.plurk.com/5WBsW8TM6301vTswMndB7i.png
https://images.plurk.com/1641xyL5XeY4l8dBDagtAn.png
根據你的需求使用。
ಠ_ಠ
3 years ago
我用可收合(跟上方範例相同的)作為示範。
立即下載
ಠ_ಠ
3 years ago
https://images.plurk.com/2uv1VqobNvpcheLyMEEcv1.png
編輯文字的方式和一般文字編輯器都類似,這邊不再另外教學。
ಠ_ಠ
3 years ago @Edit 3 years ago
整理方式一:把轉蛋文字直接貼到新增的頁面
範例:
https://images.plurk.com/78lNQAuged7I73zcR4GmiA.png
方法:
https://images.plurk.com/1mB6QxkYa4XBq0MIrRkfpI.png
https://images.plurk.com/1vY6lYU3pItm4B74K7eoqp.png
https://images.plurk.com/5swI6Uqr4VzheC7fFaYBCJ.png
https://images.plurk.com/2aFdb4dwiONNIEEsOWi9Xu.gif
https://images.plurk.com/3rU6pHT0gEFZ4FGnEIZ3lq.png
ಠ_ಠ
3 years ago
https://images.plurk.com/5QEAIQ5MIZ60LlqR3kE39h.png
https://images.plurk.com/2yAouHz8J0J1HD3Hk4JIr0.png
接下來點選頁面區塊、回到一開始的首頁。
https://images.plurk.com/6JJqlR2a8mipaFF1DhjgBt.gif
ಠ_ಠ
3 years ago
https://images.plurk.com/3FvmJec4J7oIUvzx4UZNej.png
https://images.plurk.com/22rXipc3NdYvUPaXfWA7pG.gif
這樣就可以了。
其他文章就依照上面的方式一個一個整理到新頁面,再回到原本統整的頁面那邊放連結。
記得設定導覽列隱藏,要不然右上方導覽的連結會太多太雜!
ಠ_ಠ
3 years ago
如果想設定子頁面?
https://images.plurk.com/6ZxSK2tKV5jWoVSPig2gxQ.gif
這樣就可以了!
如果要從導覽列隱藏,也是和上方教學一樣。
子頁面可以讓你妥善分類。
範例:
https://images.plurk.com/173c3OwrW1wcGMPb3k8oRu.png
https://images.plurk.com/51MnWfz4d5rs1WMxd9TErP.png
https://images.plurk.com/75FdOgju7JuVBBkdFtPGhf.png
ಠ_ಠ
3 years ago
接下來是整理方式二:估狗文件彙整
擁有預覽功能、可以全部整理在同個頁面,像這樣。
https://images.plurk.com/79hCjcBqpTLQYNP3tChwd.png
典籍右上角那個灰色小方塊(?)會外連到文件檔案。
https://images.plurk.com/68zFzcAhcNdi0VLvT3CrLt.gif
ಠ_ಠ
3 years ago
回到插入的那個區塊。
接著根據個人需求選擇。
https://images.plurk.com/6CHtFEvtBRjnGKAZRKNsPX.png
我會以上方範例頁面的方式為例製作。
https://images.plurk.com/3HJy8OgBWKhPwqvIgYy0qh.png
ಠ_ಠ
3 years ago
步驟一
選擇「插入雲端硬碟檔案」。
https://images.plurk.com/1WFc3Lovcw00rY847IineW.gif
https://images.plurk.com/3Iah17KGCCHvnNoevVlOrx.png
步驟二
像平常開檔案一樣到找到你要的檔案,點擊兩下即可新增到小框框裡。
https://images.plurk.com/28N87pH4PMn7j6DaI43N8x.gif
https://images.plurk.com/69avBGfNbe1LX5pGx2006L.png
ಠ_ಠ
3 years ago
https://images.plurk.com/4jibuuaeiqNgAglmhO20HF.png
ಠ_ಠ
3 years ago @Edit 3 years ago
https://images.plurk.com/2C5OSDWiDUR6QLjYNmeOhc.png
這邊可以看已經做出的範例網站。
蛋主設定整理範例噗主自己有在用協作平台放置作品。
手機版會自動幫你調整適合的排版,覺得滿好用的。
ಠ_ಠ
3 years ago
好,今天來弄完圖片的教學!
新增了頁面。
https://images.plurk.com/5X5gmOzVpgQlzWIoJ6asrb.png
ಠ_ಠ
3 years ago
方法一:單張圖片方式
可以直接由電腦上傳圖片。
https://images.plurk.com/3h8zGManDA1rIc3kAZWW2e.png
或者,可以選取
https://images.plurk.com/679P0qnd7xJAWfJuGFJ7eV.png
https://images.plurk.com/g3incC6gaQ0g6B9aEqaHC.png
(Google 圖片搜尋這個選項不會用到,就先跳過。)
ಠ_ಠ
3 years ago
https://images.plurk.com/6rLebYtNq9mzVIdsVsAjVc.png
https://images.plurk.com/4mnqld5YuTs676GckQaGnK.gif
https://images.plurk.com/3y1fKpyAaJK1HRWsue8QIo.png
https://images.plurk.com/tgsQONex56D7xJ5jvo7EK.png
ಠ_ಠ
3 years ago
方法二:多張圖片方式
https://images.plurk.com/4QUMGXeVl2KJBF5JeEQ8Sj.png
https://images.plurk.com/50ehUxwcU4dUgVycTPCm6D.png
https://images.plurk.com/22watW2jDYbaA2nJVvWFYX.png
https://images.plurk.com/4nxFRoqtGXtCAoFR642P7h.png
https://images.plurk.com/7a5NYJ0RcUyvZ3K8PgeXNP.gif
https://images.plurk.com/7dKr21cbtf2c197WNNknsA.png
https://images.plurk.com/1o0ruZhB5FuJEYox8lzAJt.png
ಠ_ಠ
3 years ago
https://images.plurk.com/SFkrUejV2EKbvqnx5DBTH.png
https://images.plurk.com/41hVhzKbGjyFeyKmSj7oe5.gif
https://images.plurk.com/5IQndYj8Qy489xW96EulLE.png
https://images.plurk.com/6NK2iBkKORBrXo9ywB4R3r.gif
如果把它這樣拖曳:
https://images.plurk.com/7ivMhboE7DbjZ6ifuxNIov.gif
則會變成一個群組。
群組的拖曳會變成連動的:
https://images.plurk.com/6hTOrEyWyAE6AIXudWTrQF.gif
ಠ_ಠ
3 years ago
如果想要再單獨把一個圖方塊拉出來,則需要這樣:
https://images.plurk.com/YR7mcO8dFVxFxCWxAHZyY.gif
然而,這裡是以單張圖的那個格子做示範,當你把單張圖從群組中移出時,請注意,你的單張圖的說明文字不會跟著移動,要再另外自己移(如果是多張的話不會有這個問題)。
https://images.plurk.com/1jD1BtHllh97hTzUGf6H4U.gif
關於選取單獨物件的方法:
https://images.plurk.com/60t7MCBFcAT4fYcCY3z2kT.png
https://images.plurk.com/7lknSLgBmK2jNuJjwMuKnq.gif
https://images.plurk.com/1HNMazzBEEfpIoulOMrf55.png
ಠ_ಠ
3 years ago
下面示範更多關於拖曳排版。
如何對齊?
拖曳的時候,下方(也似乎只有下方)會出現這樣的藍色記號:
https://images.plurk.com/1E2hbmG8SN9VhHYkYQKrOp.png
https://images.plurk.com/3M8xXYk3y6yFyLnKwfVFhy.gif
以下會先放上更多圖,然後製作排版示範。
ಠ_ಠ
3 years ago
https://images.plurk.com/1gNWczn12mMRo5gkjk7gY2.gif
https://images.plurk.com/5bt08UVXChRkWonMJ7Bnrz.gif
https://images.plurk.com/73XNaZpIoEltaY47UE0xTm.png
大致上是這樣:
https://images.plurk.com/4rz4kOgaYXAcE6Hf6qoYt4.png
ಠ_ಠ
3 years ago @Edit 3 years ago
再來是方法三:四格一起整理(也就是上方估狗文件彙整的方式,只是把文件換成圖)。
這個方式比較一目瞭然,但是缺點是只能放置正方形的縮圖(它會自動幫你弄成正方)。
補:也可以是固定大小的長方形。
https://images.plurk.com/6gECMLiT7mLB8mYEAZrCIi.png
https://images.plurk.com/7JmD1C7b3kiVexsmYvvt5W.png
https://images.plurk.com/2vTQJdMtbDam3rxSsMoBUI.png
https://images.plurk.com/1RnG22u8XgAbSYP6EeL254.png
https://images.plurk.com/5stfWguQjPZYLMMLFbe5Hi.gif
https://images.plurk.com/7LQlhYa0OY3N4GejPjYQ60.png
https://images.plurk.com/3kd4DjoSkUbkPCRvaFHiVw.png
https://images.plurk.com/5GhXRjk0wFhTyNc5jnBwQs.png
ಠ_ಠ
3 years ago @Edit 3 years ago
https://images.plurk.com/lXkJ74kRoiTFHKBsdk4s5.png
https://images.plurk.com/5ufl2Aj3LSo1fQLukDd7AV.png
https://images.plurk.com/5Gm3Hq4oEIOSuvB2HJBJbi.png
比較麻煩的是,一旦你按了縮放(正方小框框)、把圖變成了長方形以後,沒辦法再按同個按鈕調回正方形(必須要到頁面上方按復原上個動作的按鈕才能調回正方形)。
https://images.plurk.com/6kGQc5FrUFT8SCbnp2ezAz.png
ಠ_ಠ
3 years ago
以上。
希望這些整理有多少幫助到大家。
也謝謝你們願意閱覽我陽春的教學
有任何需要(疑問或者希望我講解更詳細的部分),可以在下方留言告知。
ಠ_ಠ
3 years ago @Edit 3 years ago
P.S.:剛剛又研究了一下 Notion 但還是沒有很上手。礙於噗主三次元繁忙,這邊先附上兩個我查到的 Notion 教學。
都是我真的看過覺得寫得比較詳盡的,且都有圖文講解。
【Notion教學】- 史上最完整Notion筆記軟體的使用教學!1小時快速上手懶人包、紮實基礎教學 -...簡單理解 Notion 的基本架構. 寫給自己的 Notion 中文教學說明手冊 | by 本丸 Ben...
ಠ_ಠ
3 years ago @Edit 3 years ago
ಠ_ಠ
3 years ago
方才看到有旅人表示擔心放協作平台容易被盜圖。
感覺一個一個去問繪師請他們給浮水印又太麻煩(?)
所以剛剛研究了一下協作平台權限設定的方法。
如果你製作的網站是只想要委託或轉蛋的時候給文手或繪者,那或許可以設定成私人。
以下一步步教學(第一次用,摸索中)。
ಠ_ಠ
3 years ago
https://images.plurk.com/2Tzo2Eo26k5lpSwxl1snbE.png
滑鼠右鍵,點選共用
https://images.plurk.com/4dLBowugUtzxyjUMkTDW8M.gif
ಠ_ಠ
3 years ago @Edit 3 years ago
https://images.plurk.com/7tCmoldlThcOlcu7elD3nm.png
https://images.plurk.com/5VY4ErKkaHn8pdf3Mrom97.png
比較麻煩的是,你必須多一個步驟,向台主或受託人(文手繪者)要他們的電郵。
https://images.plurk.com/7MPlFLpH2NnUmuvBLeXEw1.png
記得回去把共用權限限制設定好,很重要!!!
https://images.plurk.com/58CCVYmo3QTjvegYevxrRR.png
ಠ_ಠ
3 years ago
https://images.plurk.com/5MAvS1Kai35vird2Fctdwu.png
ಠ_ಠ
3 years ago
https://images.plurk.com/wDHasyIcFYMuIW1N2GKTq.png
ಠ_ಠ
3 years ago
(我把網站弄回公開了,這樣大家想看看上面教學大略的呈現,就可以閱覽。)
ಠ_ಠ
3 years ago
back to top