GBlog-wx: WeChat Mini-Programm-Blog
Wir sind nur ein Porter, der den Color-UI-Stil mit der Halo-Schnittstelle kombiniert.
Halo dient als Backend und der Mini-Programmstil verwendet Color-UI-Komponenten.
Dieses Projekt verwendet Halo als Backend und ruft die Halo-Schnittstelle auf. Der Applet-Stil verwendet die Komponente color-ui.
Mit Halo erstellt. Weitere Informationen finden Sie in der Halo-Dokumentation: https://halo.run
Pull-Code
Methode 1 (stabile Version)
Klicken Sie hier, um die neueste Version zum Herunterladen auszuwählen.
Methode 2 (Entwicklungsversion)
git clone [email protected]:fuzui/GBlog-wx.git
Import-Tool
Registrieren Sie ein Miniprogrammkonto über die öffentliche WeChat-Plattform und überprüfen Sie nach dem Anmelden die AppID unter开发——开发设置
.
Laden Sie die WeChat-Entwicklertools herunter, wählen Sie小程序——导入项目
, wählen Sie den Ordner aus, den Sie gerade geklont haben, und geben Sie Ihre eigene AppID ein.
Thema ziehen
Methode 1 (stabile Version)
- Klicken Sie hier, um die neueste Version zum Herunterladen auszuwählen.
- Gehen Sie zu Backend->Darstellung->Thema.
- Klicken Sie auf die Schaltfläche unten rechts, um das Thema zu installieren und dann
本地上传
.- Wählen Sie einfach das heruntergeladene Theme-Paket (zip) aus.
Methode 2 (Entwicklungsversion)
- Kopieren Sie
https://github.com/fuzui/halo-theme-gblogwx-config
.- Gehen Sie zu Backend->Darstellung->Thema.
- Klicken Sie auf die Schaltfläche unten rechts, um die Installation des Themas auszuwählen, und wählen Sie dann
远程拉取
aus.- Fügen Sie den kopierten Link in die Remote-Adresse ein und klicken Sie auf Herunterladen.
Achten Sie darauf, es nach dem Ziehen des Themes nicht zu aktivieren, es wird nur zur Konfiguration verwendet.
Konfiguration
Kopieren Sie die Datei api-tmp.js
in miniprogram/config
und benennen Sie sie in api.js
um.
Ändern Sie die Konfiguration api.js
wie folgt:
const ApiBaseUrl = ''
const Config = {
AccessKey : '' , // 接口key,必填
cloudEnv : '' , // 云环境ID
themeSettingsCache : true
}
ApiBaseUrl
ist die Halo-Backend-Adresse. Wenn Sie online gehen, können Sie in den Entwicklertools auf右上角详情——本地设置
klicken und „Legale Domänennamen nicht überprüfen“ aktivieren.
AccessKey
ist der AccessKey der Halo-API. Rufen Sie das Halo-Backend-Verwaltungssystem auf und aktivieren Sie unter系统——博客设置——高级选项——API设置
den API-Dienst und legen Sie den Zugriffsschlüssel fest. Geben Sie diesen Zugriffsschlüssel an der entsprechenden Stelle in der obigen js-Datei ein.
cloudEnv
ist die Cloud-Umgebungs-ID, die ausgefüllt werden muss, wenn die Funktionen zum Teilen von Postern, zum Filtern von Kommentaren und zur passwortfreien Anmeldung aktiviert werden.
themeSettingsCache
ist die Theme-Konfiguration, ob Caching aktiviert werden soll. Sie kann zu Beginn auf false
geändert werden, um das Theme-Debuggen zu erleichtern.
Konfigurieren Sie den legalen Domänennamen
Fügen Sie auf der öffentlichen WeChat-Plattform unter开发——开发设置——服务器域名
die legalen Domainnamen „request“, „uploadFile“ und „downloadFile“ hinzu. Fügen Sie den oben genannten ApiBaseUrl
Domänennamen zum legalen Anforderungsdomänennamen hinzu, z. B. www.geekera.com
.
Legen Sie Mindestanforderungen an die Basisversion der Bibliothek für Miniprogramme fest
设置- 基本设置- 基础库最低版本设置
um sie zu konfigurieren und als Version 2.10.4 zu speichern.
Grund: „Anleitung für Mini-Programm-Anmeldung und benutzerinformationsbezogene Schnittstellenanpassungen“
Teilen von Postern
Aktivieren Sie die Posterfunktion zum Teilen von Artikeln
Sensible Wortfilterung
Filterung sensibler Wörter in Kommentaren und Nachrichten
Passwortfreies Login
Passwortfreies Backend-Login
Weitere Funktionen finden Sie in den Theme-Einstellungen.
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
Seitenfunktionen durchsuchen:
Funktionen der Verwaltungsseite:
Entwicklungsplan
Änderungsprotokoll
Wenn Sie Fehler finden oder Vorschläge oder Kommentare zur Benutzeroberfläche haben, wenden Sie sich bitte an uns.
Natürlich können Sie auch direkt auf „Kontakt“ oder „Feedback“ oder „Nachricht hinterlassen“ in der Spalte „Über“ des Miniprogramms klicken