前言

兩年前剛接觸小程序的時(shí)候，就喜歡花哨的版本，最后在微目、丸子、追格力中選擇了更花哨的星秀UI。星秀最近重構(gòu)了，還沒用過。不知道為什么最近喜歡簡版的，又開始用微目小程序了。

簡要介紹

微木小程序開源版采用開源建站程序作為后臺(tái)，可以輕松對接快速生成小程序，網(wǎng)站的文章、分類、評(píng)論等內(nèi)容均可同步到小程序，也可一鍵同步到微信小程序。

配置小程序

登錄微信小程序后臺(tái)，在域名、法定域名、企業(yè)域名中添加你的網(wǎng)站地址，還需要添加頭像域名：和

若你完成上述配置前已經(jīng)在微信開發(fā)者工具中創(chuàng)建了新的小程序項(xiàng)目，請?jiān)谔砑佑蛎笏⑿马?xiàng)目配置（微信開發(fā)者工具-右上角詳情-域名信息），待域名信息中顯示新添加的域名后重新編譯項(xiàng)目。

進(jìn)入微信小程序后臺(tái)設(shè)置-基礎(chǔ)設(shè)置-服務(wù)類別，點(diǎn)擊“詳情”添加服務(wù)類別：推薦工具-效率、資訊-資訊

下載插件

微牧商城開源版主插件下載：點(diǎn)此下載 API緩存加速擴(kuò)展：點(diǎn)此下載

安裝插件和擴(kuò)展

登錄網(wǎng)站后臺(tái)，進(jìn)入插件-安裝插件-上傳插件，上傳主插件的zip包，并啟用或直接在插件市場搜索‘REST API TO’進(jìn)行安裝

同樣，要安裝和啟用擴(kuò)展，您需要先安裝主插件，然后再安裝其他擴(kuò)展。

基本配置

左側(cè)小程序項(xiàng)目-小程序中點(diǎn)擊導(dǎo)入，選擇解壓后的目錄（app.json所在目錄），填寫小程序AppID，點(diǎn)擊導(dǎo)入。不要使用，使用，使用，使用

查看右上角詳情-域名信息-刷新，如果出現(xiàn)剛剛設(shè)置的域名則正確，清除緩存后刷新即可

打開 utils/.js，將 URL 替換為你的網(wǎng)站 URLsublime text程序圖標(biāo)，然后保存

打開調(diào)試器，選擇，如果提示添加插件，點(diǎn)擊添加

修改完成后點(diǎn)擊即可看到效果

簡單修改

全局搜索點(diǎn)擊搜索按鈕，輸入需要修改的內(nèi)容sublime text程序圖標(biāo)，點(diǎn)擊查找，點(diǎn)擊結(jié)果頁面，進(jìn)入相應(yīng)頁面。修改后記得保存。

批量替換利用文本進(jìn)行批量查找替換，具體教程可以百度搜索

使用批量替換顏色值修改主題顏色

修改圖片圖標(biāo)小程序的所有圖標(biāo)都在目錄中，你可以直接替換成你喜歡的圖標(biāo)

修改頁面信息打開對應(yīng)頁面的json，輸入需要修改的信息（最后一行沒有逗號(hào)）/

{“h”: true, //是否可以下拉刷新“”: “#”, //頁面導(dǎo)航顏色“xt”: “微信API功能演示”, //頁面導(dǎo)航標(biāo)題“l(fā)e”: “black”, //導(dǎo)航標(biāo)題文字顏色支持black/white“”: “#”, //窗口背景顏色“”: “l(fā)ight” //下拉樣式只支持dark/light} 注：//及以下文字僅為注釋，實(shí)際操作時(shí)請刪除

如果你對代碼不熟悉，不建議自行調(diào)整樣式，可以先學(xué)習(xí)小程序的簡單操作后再進(jìn)行調(diào)整。

常用路徑：page頁面路徑

文章詳情頁面 [文章 ID 1989]

/頁面//?id=1989

分類文章列表頁 [分類 id 5]

/頁面/列表/列表？=5

書簽頁面

/頁//

關(guān)于我們

/頁面/關(guān)于/關(guān)于

文章排名

/頁面/熱門/熱門

如有侵權(quán)請聯(lián)系刪除！