GBlog wx

introduzir

GBlog-wx: Blog do miniprograma WeChat

Somos apenas um porteiro que combina o estilo color-ui com a interface halo.

halo serve como back-end, e o estilo de miniprograma usa componentes color-ui.

1. Exibição

2. Experiência on-line

3. Descrição

Este projeto usa halo como back-end e chama a interface halo. O estilo do miniaplicativo usa o componente color-ui.

4. Uso

1. Configuração dos bastidores

Construído usando halo, consulte a documentação do halo para obter detalhes: https://halo.run

2. Importação de miniprograma

• Extrair código

  1. Método 1 (versão estável)

     Clique para selecionar a versão mais recente para download.

  2. Método 2 (versão de desenvolvimento)

     git clone [email protected]:fuzui/GBlog-wx.git

• Ferramenta de importação

  Cadastre uma conta do mini programa através da plataforma pública WeChat e, após fazer o login, verifique o AppID em开发——开发设置;

  Baixe as ferramentas do desenvolvedor WeChat, selecione小程序——导入项目, selecione a pasta que você acabou de clonar e preencha seu próprio AppID.

• Puxar tópico

  Método 1 (versão estável)

  1. Clique para selecionar a versão mais recente para download.
  2. Vá para backend-> Aparência-> Tema.
  3. Clique no botão no canto inferior direito para optar por instalar o tema e, em seguida, escolha fazer本地上传.
  4. Basta selecionar o pacote de tema baixado (zip).

  Método 2 (versão de desenvolvimento)

  1. Copie https://github.com/fuzui/halo-theme-gblogwx-config .
  2. Vá para backend-> Aparência-> Tema.
  3. Clique no botão no canto inferior direito para escolher instalar o tema e selecione远程拉取.
  4. Cole o link copiado no endereço remoto e clique em Download.

  Cuidado para não habilitá-lo após puxar o tema, ele serve apenas para configuração.

• Configuração

  Copie e renomeie o arquivo api-tmp.js em miniprogram/config para api.js

  Modifique a configuração api.js da seguinte forma:

   const ApiBaseUrl = ''
  const Config = {
    AccessKey : '' , // 接口key，必填
    cloudEnv : '' , // 云环境ID
    themeSettingsCache : true
  }

  1. ApiBaseUrl é o endereço de back-end do halo. Deve ser um nome de domínio ao ficar online. Nas ferramentas do desenvolvedor, você pode clicar em右上角详情——本地设置e marcar Não verificar nomes de domínio legais.

  2. AccessKey é o AccessKey da API halo. Entre no sistema de gerenciamento de back-end halo e em系统——博客设置——高级选项——API设置, habilite o serviço API e defina a chave de acesso. Preencha esta chave de acesso no local correspondente no arquivo js acima.

  3. cloudEnv é o ID do ambiente de nuvem, que precisa ser preenchido ao ativar o compartilhamento de pôsteres, filtragem de comentários e funções de login sem senha.

  4. themeSettingsCache é a configuração do tema para habilitar o cache. Ele é habilitado por padrão. Pode ser alterado para false no início para facilitar a depuração do tema.

• Configurar nome de domínio legal

  Na plataforma pública WeChat, adicione nomes de domínio legais request, uploadFile e downloadFile em开发——开发设置——服务器域名. Adicione o nome de domínio ApiBaseUrl acima ao nome de domínio legal solicitado, como www.geekera.com .

• Definir requisitos mínimos de versão básica da biblioteca para miniprogramas

  Na plataforma pública WeChat,设置- 基本设置- 基础库最低版本设置para configurá-la e salvá-la como versão 2.10.4.

  Motivo: "Instruções para login do miniprograma e ajustes de interface relacionados às informações do usuário"

3. Funções avançadas (opcional)

• Compartilhamento de pôster

  Ativar a função de pôster de compartilhamento de artigos

• Filtragem de palavras sensíveis

  Filtragem de palavras sensíveis em comentários e mensagens

• Login sem senha

  Login sem senha de back-end

Para mais recursos, consulte as configurações do tema.

5. Estrutura

 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

6. Função

Navegar pelas funções da página:

• Navegação de artigos, comentários, curtidas, pesquisa
• Classificação de artigos, tags, arquivamento
• fotos de luz e sombra
• jornal
• mensagem
• Links amigáveis
• Estatísticas do site
• Cartaz de compartilhamento de artigos
• Gráfico aleatório personalizado
• Filtragem de palavras sensíveis

Funções da página de gerenciamento:

• Login nos bastidores, login em duas etapas, login sem senha
• Informações do site
• Modificação de informações pessoais
• Ver informações do servidor
• Navegar nas configurações do blog
• Gerenciamento amigável da cadeia
• Gerenciamento de diário
• Gerenciamento de artigos/categorias/tags
• Upload de anexos, gerenciamento de galeria
• Comente a revisão e responda
• Troca de tema, edição de menu

plano de desenvolvimento

Registro de alterações

7. Agradecimentos

• halo é um excelente aplicativo de publicação de blog de código aberto
• ColorUI é uma pequena biblioteca de componentes de programa com cores brilhantes e altamente saturadas que se concentra na visão.
• Componente rich text do miniaplicativo mp-html, suporta renderização e edição de html, suporta uso em plataformas WeChat, QQ, Baidu, Alipay, Toutiao e uni-app
• O miniaplicativo Painter gera uma biblioteca de imagens e você pode facilmente desenhar uma imagem por meio de json que pode ser enviada ao seu círculo de amigos.
• qs Um analisador de string de consulta com suporte a aninhamento

8. Contato

Se você encontrar algum bug ou tiver alguma sugestão ou comentário sobre a interface,

Problemas são bem-vindos. Claro, você também pode clicar diretamente em "Fale comigo" ou "Feedback" ou "Deixe uma mensagem" na coluna Sobre do miniprograma, ou