0基礎(chǔ)也能制作網(wǎng)頁？Notion來幫你！

時(shí)間：2023-07-25 02:09:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-25 02:09:01 來源：網(wǎng)站運(yùn)營

0基礎(chǔ)也能制作網(wǎng)頁？Notion來幫你?。?b>Hello，這里是Tethys。

作為SA圈的資深用戶，我發(fā)現(xiàn)了一款各大博主幾乎都在推薦的筆記軟件——Notion，但是經(jīng)過一個(gè)長達(dá)5個(gè)月的深度探索和使用，我發(fā)現(xiàn)了它另外一個(gè)爆炸好用的深層功能——網(wǎng)頁制作！

首先讓我們來思考一個(gè)問題：一個(gè)優(yōu)秀的網(wǎng)頁，需要有哪些要素呢？

專業(yè)人士的回答是——界面+內(nèi)容+互動(dòng)！

而Notion，完全可以幫你實(shí)現(xiàn)這三個(gè)核心功能~

一、靈活的界面設(shè)置

可以說，界面是一個(gè)網(wǎng)頁的核心。這就要隆重介紹Notion的Page設(shè)定了。

在Notion中，每個(gè)Page（頁面）本身都可以書寫信息，我們也可以在頁面中插入子頁面鏈接實(shí)現(xiàn)嵌套式的層級(jí)管理和跳轉(zhuǎn)。同時(shí)，跳轉(zhuǎn)之后在頁面上方還會(huì)顯示總體的層級(jí)和路徑，非常方便返回。甚至，Notion支持無限層級(jí)的頁面嵌套，滿足你的“套娃”欲望~

這些Page又可以通過/Link To Page來相互連結(jié)，同時(shí)也可以通過/Create Linked Database與數(shù)據(jù)庫相連接。這就意味著，在使用Notion時(shí)，你可以將任何你想要連結(jié)的東西進(jìn)行連結(jié)和跳轉(zhuǎn)。

用抽象圖來表示就是這樣~

上圖來自少數(shù)派用戶沨沄極客

二、豐富的內(nèi)容呈現(xiàn)

作為一個(gè)網(wǎng)頁，最重要的當(dāng)然是內(nèi)容的建構(gòu)！

與傳統(tǒng)的筆記軟件不同，Notion的內(nèi)容編輯是基于Block（塊組件）來完成的，這恰好和網(wǎng)頁搭建的內(nèi)核一致，也正是Notion的重大革新之處。Notion的頁面內(nèi)容都由一個(gè)或多個(gè)block組成。

從插入內(nèi)容的豐富性來說，Block就像是一個(gè)可以隨意變換形態(tài)的容器，用戶可以其中添加多種形式的內(nèi)容——包括但不限于Basic Block（基礎(chǔ)文本、引用、標(biāo)題格式等）、Database（數(shù)據(jù)庫）、Media（多媒體，包括圖片、音視頻、網(wǎng)頁鏈接、代碼等）、Inline（@某個(gè)人、公式輸入、emoji表情等）、Advanced（目錄索引、函數(shù)等）等。當(dāng)然，你只需要任意選擇合適的內(nèi)容輸入即可，不必被這么多選擇嚇倒~

上圖來自少數(shù)派用戶Kralite 《Notion：重新定義數(shù)字筆記》

上圖來自Notion用戶Linmi

同時(shí)值得一提的是，Notion的Embed支持插入內(nèi)容的平臺(tái)聯(lián)動(dòng)同步，比如Twitter、Github、Whimsical、CodePen等，也就是說，你在Notion頁面中插入的內(nèi)容會(huì)同步隨這些平臺(tái)內(nèi)容的更新而更新，就像下面展示的這樣——

上圖來自Notion用戶Maintenon

甚至，Embed Block也像是一個(gè)入口，你可以直接通過它與目標(biāo)頁面進(jìn)行直接交互！

從編輯本身的便捷性來講，Notion的Block很好融合了富文本和Markdown的優(yōu)勢(shì)，使得它既能夠讓用戶直接使用部分Markdown的語法進(jìn)行格式編輯（比如使用快捷鍵實(shí)現(xiàn)有序列表、各級(jí)標(biāo)題的設(shè)置等），又具有融合富文本（例如Microsoft Word）所見即所得的特點(diǎn)實(shí)現(xiàn)直接排版的功能，省去了預(yù)覽的麻煩。我們直接在類似于網(wǎng)頁本身的頁面視圖下就可以完成這一切，就像操作Word一樣來制作網(wǎng)頁，聽起來是不是很炫酷呢？

上圖來自本站用戶枝茵

Block有非常大的靈活性，我們?cè)诰庉嬤^程中也可以進(jìn)行任意的自由拖拽和無限嵌套。

上圖來自少數(shù)派用戶Kralite

所以，只要在Notion的框架與邏輯內(nèi)，無論你想怎么設(shè)計(jì)網(wǎng)頁，Notion都可以幫你完成！

三、便捷的互動(dòng)方式

一個(gè)人的網(wǎng)頁或許有些孤單，Notion強(qiáng)大的分享功能可以幫助我們解決這個(gè)問題。

如果你想要大家都能看到你的網(wǎng)頁，可以選擇Share to web，這時(shí)有非常多的共享權(quán)限可以選擇，比如僅查看、允許評(píng)論和編輯、允許搜索和復(fù)制等等。你還可以專門開辟出一塊自由評(píng)論區(qū)供志同道合的網(wǎng)友一起交流與討論！

如果你只想和三五好友深度分享你制作的網(wǎng)頁，Add guests也是個(gè)不錯(cuò)的選擇。你可以通過邀請(qǐng)其他注冊(cè)用戶成為你的網(wǎng)頁的“客人”，并授予他們不同的權(quán)限（如全權(quán)限、僅查看、僅評(píng)論等），只需輸入另一個(gè)人的電子郵件地址。你甚至可以和你的好友合作完成這個(gè)網(wǎng)頁！

圖片來自Notion官方

最后，你也許會(huì)得到這樣的個(gè)人網(wǎng)頁——

展示網(wǎng)頁由Notion用戶177制作

四、寫在最后

最后，通過一些高級(jí)操作，你還可以為你的網(wǎng)頁自定義一個(gè)喜歡的域名喔！

小小彩蛋：Notion中文版已經(jīng)在內(nèi)測，并且會(huì)結(jié)合中國用戶的使用特點(diǎn)進(jìn)行進(jìn)一步的升級(jí)，不日將會(huì)上線，所以小伙伴們不用擔(dān)心語言問題，可以放心使用Notion啦！

Notion的創(chuàng)始人Ivan在采訪中談到，他給Notion的定位是生產(chǎn)力工具，他想把網(wǎng)頁制作的能力帶到每一個(gè)人的手中，而不一定需要編程的基礎(chǔ)。

其實(shí)，我所展示的只是Notion功能的冰山一角，如果你有興趣，可以繼續(xù)探索Notion的無限可能！如果你有使用上的問題，可以評(píng)論、私信我，或者加入notion中文社區(qū)（notion內(nèi)置中文社區(qū)論壇或者官方微信用戶群）向廣大Notion用戶尋求幫助；如果你有對(duì)于Notion未來開發(fā)的意見或者建議，也可以點(diǎn)擊Notion界面右下角的問號(hào)直接與Notion的工程師對(duì)話，他們會(huì)以最快的速度（一般情況下一天之內(nèi)，親測真實(shí)）回復(fù)你，并給出相應(yīng)的解決方案喔~

Tethys在之后會(huì)陸續(xù)更新Notion的更多使用教程以及相應(yīng)的模板供大家“抄作業(yè)”，希望大家可以多多關(guān)注我喔！

---

參考資料：

題圖來自Notion用戶Linmi
少數(shù)派編輯部：《想要玩轉(zhuǎn) Notion？你需要這份快速上手指南》
枝因：《Notion使用指南 | 基礎(chǔ)篇》
Kralite：《Notion：重新定義數(shù)字筆記》
沨沄極客：《Notion 使用詳解：來自未來的筆記協(xié)作工具》