GBlog-wx基于 halo 的微信小程序博客
GBlog-wx:微信小程序博客
我們只是搬運工,將color-ui樣式與halo接口結合了一下。
halo作為后臺,小程序樣式采用color-ui組件。
一、展示
二、在線體驗
三、說明
本項目采用halo作為后臺,調用halo接口。小程序樣式使用color-ui組件組件。
四、使用
1.后臺搭建
采用halo搭建,具體可查看halo文檔:https://halo.run
2.小程序導入
-
拉取代碼
git clone git@github.com:fuzui/GBlog-wx.git
-
導入工具
通過微信公眾平臺注冊小程序賬號,登錄后在
開發(fā)——開發(fā)設置中查看AppID;下載微信開發(fā)者工具,選擇
小程序——導入項目,選擇剛剛clone的文件夾并填寫自己的AppID. -
配置
將
config中有個api-tmp.js文件重命名為api.js。修改如下配置:
const ApiBaseUrl = '';//生產上 const Config = { AccessKey: '', guestbookSheetId: 2 }
1.
ApiBaseUrl為halo后臺地址,上線必須為域名,在開發(fā)者工具中可點擊右上角詳情——本地設置,將不校驗合法域名打勾。2.
AccessKey為halo api的AccessKey。進入halo后臺管理系統(tǒng),在系統(tǒng)——博客設置——高級選項——API設置中,將API 服務開啟,并設置Access key。將此Access key填入上述js文件中對應位置。3.
guestbookSheetId該值是留言板頁面id,默認為關于頁的評論,可自行前往表結構中查看。(默認2)
-
配置合法域名
在微信公眾平臺中,
開發(fā)——開發(fā)設置——服務器域名中添加request、uploadFile、downloadFile合法域名。將上述ApiBaseUrl域名添加到request合法域名,例如www.geekera.com。
3.高級功能配置(非必須)
-
海報分享
-
文章訂閱、評論通知
-
自定義文章內容樣式
五、結構
GBLOG-WX ├── cloudfunctions // 云服務 ├── colorui // color-ui組件庫 ├── component // 自定義組件 │ └── article-list // 文章列表 │ └── canvas-share // 海報生成 │ └── parser // parser富文本組件 ├── config // 配置文件 ├── images // 圖片 ├── pages // 頁面代碼 ├── utils // 公用js ?
六、功能
瀏覽頁面功能:
-
文章瀏覽、評論、點贊、搜索
-
文章分類、標簽、歸檔
-
光影照片
-
日記
-
留言
-
友情鏈接
-
站點統(tǒng)計
-
文章分享海報
-
新文章訂閱
-
評論回復通知
管理頁面功能:
目前管理頁面不支持開啟二步驗證登錄!
-
后臺登錄
-
站點信息
-
個人信息修改
-
服務器信息查看
-
博客設置瀏覽
-
友鏈管理
-
日記管理
-
文章/分類/標簽管理
-
附件上傳、圖庫管理
-
評論審核、回復
-
主題切換、菜單編輯
七、致謝
八、聯(lián)系
如果您發(fā)現(xiàn)了什么bug,或者有什么界面建議或意見,
歡迎 issue,當然也可以直接點小程序關于欄中的“聯(lián)系我”或“意見反饋”或“留言”。
