GBlog wx下載 - GBlog wx原始碼下載

GBlog wx

Ai源碼

1.0.0

下載

介紹

GBlog-wx：微信小程式博客

我們只是搬運工，將color-ui樣式與halo接口結合了一下。

halo作為後台，小程式樣式採用color-ui元件。

一、展示

二、線上體驗

三、說明

本專案採用halo作為後台，呼叫halo介面。小程式樣式使用color-ui組件組件。

四、使用

1. 後台搭建

採用halo搭建，具體可查看halo文件：https://halo.run

2. 小程式導入

拉取程式碼
1. 方法一（穩定版本）
  點擊選擇最新的版本下載。
2. 方法二（開發版本）
```
git clone [email protected]:fuzui/GBlog-wx.git
```
導入工具
透過微信公眾平台註冊小程式帳號，登入後在开发——开发设置中查看AppID；
下載微信開發者工具，選擇小程序——导入项目，選擇剛剛clone的資料夾並填寫自己的AppID.
拉取主題
方法一（穩定版本）
1. 點擊選擇最新的版本下載。
2. 進入後台-> 外觀-> 主題。
3. 點擊右下方按鈕選擇安裝主題，隨後選擇本地上传。
4. 選擇下載好的主題包（zip）即可。
方法二（開發版本）
1. 複製https://github.com/fuzui/halo-theme-gblogwx-config 。
2. 進入後台-> 外觀-> 主題。
3. 點擊右下方按鈕選擇安裝主題，隨後選擇远程拉取。
4. 貼上複製的連結到遠端位址，點擊下載即可。
注意拉取主題後勿啟用，僅作為配置使用。
配置
將miniprogram/config中api-tmp.js檔案複製並重新命名為api.js 。
修改api.js如下配置：
```
 const ApiBaseUrl = ''
const Config = {
  AccessKey : '' , // 接口key，必填
  cloudEnv : '' , // 云环境ID
  themeSettingsCache : true
}
```
1. ApiBaseUrl為halo後台地址，上線必須為域名，在開發者工具中可點擊右上角详情——本地设置，將不校驗合法域名打勾。
2. AccessKey為halo api的AccessKey。進入halo後台管理系統，在系统——博客设置——高级选项——API设置中，將API 服務開啟，並設定Access key。將此Access key填入上述js檔案中對應位置。
1. cloudEnv為雲端環境ID，開啟海報分享、評論過濾、免密登入功能時需填寫。
2. themeSettingsCache為主題配置是否開啟緩存，預設為開啟，並在開始時可以改為false以方便調試主題。
配置合法域名
在微信公眾平台中，开发——开发设置——服务器域名中新增request、uploadFile、downloadFile合法網域。將上述ApiBaseUrl域名加入request合法域名，例如www.geekera.com 。
設定小程式最低基礎庫版本要求
在微信公眾平台中，设置- 基本设置- 基础库最低版本设置進行配置，儲存為2.10.4版本。
原因：《小程式登入、使用者資訊相關介面調整說明》

3. 高階功能(非必須)

海報分享
開啟文章分享海報功能
敏感詞彙過濾
評論、留言敏感詞彙過濾
免密登陸
後台免密登陸

更多功能請參考主題設定。

五、結構

 GBLOG-WX
├── cloudfunctions                  // 云服务
│      └── check_message            // 云函数 敏感词汇过滤
│      └── get_qrcode               // 云函数 小程序码生成
├── miniprogram
│      └── components               // 自定义组件
│              └── admin-login      // 后台登陆页
│              └── article-list     // 文章列表
│              └── authorize        // 微信登录
│              └── comment          // 评论列表
│              └── image-loader     // 图片处理组件
│              └── painter          // painter小程序生成图片组件
│              └── mp-weixin        // mp-html小程序富文本组件
│      └── config                   // 配置文件
│      └── custom-tab-bar           // 自定义tabbar
│      └── images                   // 图片
│      └── pages                    // 页面代码
│      └── services                 // 封装方法
│              └── api              // 接口实现
│              └── const-data       // 常量
│              └── posters          // 海报样式
│      └── styles                   // 样式
│              └── colorui          // color-ui组件库
│      └── utils                    // 公用js