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

• 導入工具

  通過微信公眾平臺注冊小程序賬號，登錄后在開發——開發設置中查看AppID；

  下載微信開發者工具，選擇小程序——導入項目，選擇剛剛clone的文件夾并填寫自己的AppID.

  

• 配置

  將config中有個api-tmp.js文件重命名為api.js。

  修改如下配置：

  const ApiBaseUrl = '';//生產上
  const Config = {
   ?AccessKey: '',
   ?guestbookSheetId: 2
  }

  1.ApiBaseUrl為halo后臺地址，上線必須為域名，在開發者工具中可點擊右上角詳情——本地設置，將不校驗合法域名打勾。

  2.AccessKey為halo api的AccessKey。進入halo后臺管理系統，在系統——博客設置——高級選項——API設置中，將API 服務開啟，并設置Access key。將此Access key填入上述js文件中對應位置。

  

  3.guestbookSheetId該值是留言板頁面id，默認為關于頁的評論，可自行前往表結構中查看。（默認2）

?

• 配置合法域名

  在微信公眾平臺中，開發——開發設置——服務器域名中添加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
?

六、功能

瀏覽頁面功能：

• 文章瀏覽、評論、點贊、搜索

• 文章分類、標簽、歸檔

• 光影照片

• 日記

• 留言

• 友情鏈接

• 站點統計

• 文章分享海報

• 新文章訂閱

• 評論回復通知

管理頁面功能：

目前管理頁面不支持開啟二步驗證登錄！

• 后臺登錄

• 站點信息

• 個人信息修改

• 服務器信息查看

• 博客設置瀏覽

• 友鏈管理

• 日記管理

• 文章/分類/標簽管理

• 附件上傳、圖庫管理

• 評論審核、回復

• 主題切換、菜單編輯

七、致謝

• halo 一個優秀的開源博客發布應用

• ColorUI 鮮亮的高飽和色彩，專注視覺的小程序組件庫

• Parser 小程序富文本插件（html 渲染）

• Hux Blog的背景圖

八、聯系

如果您發現了什么bug，或者有什么界面建議或意見，

歡迎 issue，當然也可以直接點小程序關于欄中的“聯系我”或“意見反饋”或“留言”。