### 前言

Essay新版本終于肝完了，這是我17年寫的一個項(xiàng)目，本來都不打算更新了，只是最近在使用第三方平臺寫筆記的時候被惡心到了，想遷移文章發(fā)現(xiàn)也很費(fèi)勁，就想著還是整一個自己喜歡的吧，于是就又撿起來了。

新版本做到了即使完全不懂技術(shù)也可以使用的簡單程度，圖形化配置安裝，這相對于之前的版本是一次進(jìn)步和嘗試。

在技術(shù)上，這次也做了各種取舍，為了保證整體的寫作體驗(yàn)和瀏覽體驗(yàn)，前端沒有使用類似Vue、React這種框架，也沒有使用Jquery，只引入了必要的庫和一個極小的UI，使用傳統(tǒng)方式渲染。

在數(shù)據(jù)庫上選擇上，使用了更為輕量的SQLite，這也是嘗試了各種數(shù)據(jù)庫后的折中選擇。

靜態(tài)資源的存儲，放棄了使用CDN，轉(zhuǎn)而使用最基礎(chǔ)的本地存儲。

可以說這次更新，除了必要的開發(fā)依賴，做到了盡可能不依賴第三方服務(wù)。本次更新完成后，我也把散落在各個平臺的筆記全部遷移過來了。

### 安裝步驟

安裝前請確保本地的`Node`版本大于16，本機(jī)已安裝`sqlite`

```bash

# 下載項(xiàng)目

git clone https://github.com/wmui/essay.git

# 安裝依賴

yarn install # or npm install

# 啟動項(xiàng)目

npm run start

```

項(xiàng)目啟動后，訪問`http://127.0.0.1:7001/install`，進(jìn)入安裝界面：


點(diǎn)擊下一步，設(shè)置管理員密碼：


點(diǎn)擊完成設(shè)置，安裝就完成了，超簡單


### 開始寫作


極致的markdown寫作體驗(yàn)，在功能設(shè)計(jì)上，只提供了必要選項(xiàng)。

可以把重要文章置頂，同時可以選擇在導(dǎo)航欄顯示文章，這樣文章就相當(dāng)于單頁了，使用markdown設(shè)計(jì)出不同的展示頁面，比如“關(guān)于我們”。

草稿箱的設(shè)計(jì)不僅用于放草稿，之前的版本我有設(shè)計(jì)公開分類和私有分類功能，這次全部割掉了，用草稿箱代替私有文章。

標(biāo)題輸入框也被我割掉了，會自動讀取內(nèi)容的第一個`h1 - h6`標(biāo)簽作為標(biāo)題，為的是沉浸式寫作體驗(yàn)。

文章提供自動保存功能，在寫作過程中無需擔(dān)心內(nèi)容丟失。

### 功能說明

這次更新相比于之前的版本，閹割掉了很多功能，可以說越更新功能越少，但已有的功能也相對的靈活了很多。整個設(shè)計(jì)一共就三張表，后面也不會加了，單用戶博客，后面也不會改成多用戶。

沒有前后臺的設(shè)計(jì)，管理員和游客看到的頁面是一樣的，編輯和刪除在文章詳情頁完成。


評論功能也去掉了，加了一個留言板。


必要的修改項(xiàng)統(tǒng)一放到設(shè)置里面


### 結(jié)語

這個項(xiàng)目一直是作為技術(shù)實(shí)踐的，因?yàn)楣δ芎唵?，所以代碼閱讀和重構(gòu)都很簡單。如果這個項(xiàng)目對大家學(xué)習(xí)有幫助，或者只是單純的對使用到的技術(shù)感興趣，希望能點(diǎn)個小小star。

github: <https://github.com/wmui/essay>

預(yù)覽：<https://ppx.link>

以上，感謝閱讀！