<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          GBlog-wx基于 halo 的微信小程序博客

          聯(lián)合創(chuàng)作 · 2023-10-02 13:21

          GBlog-wx:微信小程序博客

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

          halo作為后臺,小程序樣式采用color-ui組件

          一、展示

          展示圖

          二、在線體驗

          qrcode

          三、說明

          本項目采用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.

            1

          • 配置

            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文件中對應位置。

            123

            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)計

          • 文章分享海報

          • 新文章訂閱

          • 評論回復通知

          管理頁面功能:

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

          • 后臺登錄

          • 站點信息

          • 個人信息修改

          • 服務器信息查看

          • 博客設置瀏覽

          • 友鏈管理

          • 日記管理

          • 文章/分類/標簽管理

          • 附件上傳、圖庫管理

          • 評論審核、回復

          • 主題切換、菜單編輯

          七、致謝

          • halo 一個優(yōu)秀的開源博客發(fā)布應用

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

          • Parser 小程序富文本插件(html 渲染)

          • Hux Blog的背景圖

          八、聯(lián)系

          如果您發(fā)現(xiàn)了什么bug,或者有什么界面建議或意見,

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

          瀏覽 31
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  99视频在线观看免费视频 | 丰满肥臀无码一区二区三区 | 顶级欧美熟妇高潮喷水 | 欧美极品视频 | 久久久九九 |