Typecho小程序搭建指南

由于版本原因，所以小程序的搭建教程比较乱，这里给大家整理一下教程集，方便快速找到相应的教程。

Typecho演示小程序，点击查看

注：以后所有的版本都将会以uniapp完整源码的形式发放。

〇、uniapp开发工具使用方法

uniapp的简单安装流程使用教程

一、完成的视频搭建教程

typecho小程序搭建教程 

typecho小程序编译教程

二、搭建时出现的问题解决方法

Typecho小程序搭建不成功各类问题总结

三、自定义字符的完整功能介绍

typecho小程序的自定义字符的完整功能介绍

注：isPay字符已经可以实现观看激励广告后查看文章功能

四、博客中cid和mid的获取方法

打开文章管理页面后我们点击需要获取cid的文章，这里以第一条为例，这样我们可以在浏览器上看到文章的cid，如下图所示：

注：图中红框即为文章的cid值。

如果看懂了cid的获取方式，那么分类的mid方式就很简单了，打开分类管理页面，然后点击想要获取的分类，在浏览器上就可以看到mid的值了，如下图所示：

注：图中红框即为分类的mid值。

五、自定义字符优化方法

很多用户可能对使用自定义字符并不熟悉，所以这里给大家简单写一个如何将自定义固定在文章编辑页底部，如下图：

通过themefields，给文章编辑页面添加一个自动绑定的自定义字符输入框，这样可以更好地进行编辑，不需要记住关键词就可以使用。

以typecho默认模板为例，进入网站文件管理，找到\usr\themes\default\functions.php文件，编辑此文件，在其中添加如下代码：

//后台编辑器添加功能
function themeFields($layout) {
   $description = new Typecho_Widget_Helper_Form_Element_Text('description', NULL, NULL, _t('文章描述'), _t('这里写文章描述，用于显示文件简介'));
   $description->input->setAttribute('class', 'w-100');
   $layout->addItem($description);


  $code = new Typecho_Widget_Helper_Form_Element_Text('code', NULL, NULL, _t('微信验证码'), _t('这里填写微信验证码，用于验证（需要手动在微信后台添加自动回复）'));
  $code->input->setAttribute('class', 'w-100');
  $layout->addItem($code);
    
  $keyword = new Typecho_Widget_Helper_Form_Element_Text('keyword', NULL, NULL, _t('微信关键词'), _t('这里填写本文对应的微信公众号关键词（需要手动在微信后台添加自动回复）'));
  $keyword->input->setAttribute('class', 'w-100');
  $layout->addItem($keyword);
    
  $encrypted = new Typecho_Widget_Helper_Form_Element_Text('encrypted', NULL, NULL, _t('加密显示内容'), _t('这里填写需要验证密码后才显示的内容'));
  $encrypted->input->setAttribute('class', 'w-100');
  $layout->addItem($encrypted);


  $thumb = new Typecho_Widget_Helper_Form_Element_Text('thumb', NULL, NULL, _t('小程序封面图'), _t('在这里填入一个图片 URL 地址, 以添加小程序端文字缩略图，留空则显示默认图片'));
  $thumb->input->setAttribute('class', 'w-100 setfb');
  $layout->addItem($thumb);
  $style = new Typecho_Widget_Helper_Form_Element_Radio('style',
        array("1" => _t('右图'),
              "2" => _t('左图'),
          "3" => _t('大图'),
              "4" => _t('无图'),
        ),
        "3", _t('小程序端显示样式'), _t('默认大图'));
  $layout->addItem($style);
    
  $isPay = new Typecho_Widget_Helper_Form_Element_Radio('isPay', 
    array(0 => _t('关闭'),
    1 => _t('启动')),
    0, _t('小程序解锁查看'), _t('开启后小程序端需要观看一则视频广告才能显示全部内容，注：默认不开启。'));
  $layout->addItem($isPay);
    
    
}

六、集合更新问题

由于公众号文章发布后无法较大部分编辑，所以后续问题可以点击阅读原文进入作者网站进行查看。