文章资讯 · 微小程小程序制作教程（副本）

# 文章 * * * * * ### 小程序： <table width="100%"> <tbody> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88-%E6%96%87%E7%AB%A0%E5%88%86%E7%B1%BB.jpg"/> </td> <td width="100%" align="center" valign="middle"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88-%E9%A6%96%E9%A1%B5%E6%96%87%E7%AB%A0%E5%88%97%E8%A1%A8.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> 文章分类 </td> <td width="50%" align="center" valign="middle"> 文章列表 </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88-%E8%B5%84%E8%AE%AF.jpg"/> </td> <td width="100%" align="center" valign="middle"> <img width="95%" src="http://wexiaocheng.oss-cn-beijing.aliyuncs.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88-%E6%96%87%E7%AB%A0%E8%AF%A6%E6%83%85.jpg?Expires=1516091884&OSSAccessKeyId=TMP.AQG0h6QL7eCPzbGahtIlxNWdDUIW-xw0GBNqyuw8UMK9aiUyR-aDmmdO3z16AAAwLAIUZR4A54F8cvGw0dBhJiWfZUxjuusCFEBZlPsmwWj9dW72e5fDqszEvmHH&Signature=T29E4%2Fv1zQv4HKCskDRNzH%2FgBCI%3D"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> 文章列表 </td> <td width="50%" align="center" valign="middle"> 文章详情 </td> </tr> </tbody> </table> ### 功能介绍 1. **文章分类**：文章的分类，点开分类，查看该分类下的文章列表，如果该分类下只有一篇文章，点击分类后则默认进入文章详情。 2. **文章列表**：更多的展示自己的文章资讯。 2. **文章详情**：图文并茂的来展示文章的内容。 ### 文章分类后台设置： **步骤**： 1. 点击【小程序】——【文章管理】，默认进入【文章列表】 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E6%96%87%E7%AB%A0%E8%B5%84%E8%AE%AF1.jpg"/> 2. 点击【文章分类】，进入文章分类列表，点击“新增分类”。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E6%96%87%E7%AB%A0%E8%B5%84%E8%AE%AF2.jpg"/> 3. 进入编辑文章分类页面，财务代理记账版没有分类展示图，所以这里，只需要填写文章分类名称，选择导航显示即可，点击“确认提交”。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E6%96%87%E7%AB%A05-1.jpg"/> * 分类名称：分类的名字 * 上级分类：默认都是顶级分类 * 分类图标：上传一个图标，展示在首页 * 分类展示图：这个模板不需要，可以不上传 * 导航显示：点击选择是否显示分类 * 排序：填数字，根据数字大小排列 * 别名：这个模板不需要，可以不填写 4. 点击“确认提交”。 * * * * * ### 文章发布后台设置： **步骤**： 1. 新增文章分类后，点击【文章列表】——【新增文章】。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E6%96%87%E7%AB%A0%E8%B5%84%E8%AE%AF3.jpg"/> 2. 进入编辑文章的页面，依次填写即可。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E6%96%87%E7%AB%A0%E8%B5%84%E8%AE%AF4.jpg"/> * 标题：文章的标题； * 所属分类：选择文章的分类； * 发布时间：可自定义发布时间； * 显示：选择文章是否显示； * 文章类型：选择“图文，则文章展示图文，则需要在文章内容填写图文信息，视频链接不需要填写；选择“视频”，则文章展示视频，需要在视频链接填入视频地址，文章内容不用填写。 * 视频链接：文章类型选择“视频”，则这里需要填入视频的地址 * 文章描述：展示在文章列表的简介,。 <img width="40%" src=" http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88-%E6%96%87%E7%AB%A0%E8%B5%84%E8%AE%AF-%E6%96%87%E7%AB%A0%E7%AE%80%E4%BB%8B.jpg"/> * 图片上传：文章的缩略展示图。 <img width="40%" src=" http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88/%E8%B4%A2%E5%8A%A1%E4%BB%A3%E7%90%86%E8%AE%B0%E8%B4%A6%E7%89%88-%E6%96%87%E7%AB%A0%E8%B5%84%E8%AE%AF-%E6%96%87%E7%AB%A0%E7%BC%A9%E7%95%A5%E5%9B%BE.jpg"/> * 文章内容：文章的内容，建议图文并茂； 3. 填写完信息，点击【确认提交】，文章发布完成。