Loading... > 前言:Typecho是一个轻量的博客程序,搭建起来也相当简单,但在微信和QQ分享创作的文章时,往往需要将网址发给朋友。如果网址比较复杂,被分享者可能很难记住网站的域名,因此,经过上网搜集各方面的资料,搭建了一个适用于微信和QQ手机客户端的小程序,特此记录。 #### 设计理念: 由于本站属于个人学习类网站,故轻便、易读、简约、舒适便是本站的基础设计理念,采用简约的Handsome主题也是出此考虑。因此,在设计上,小程序采用大量的白色铺底+蓝色重点展示作为程序的基础配色。经过多个版本的更迭,整个UI逐渐趋于一体化,符合本站基本审美需求,本项目后续可能在稳定性、舒适度、流畅度上进行细微调整。 #### 预览: ![首页](https://xug.cc/usr/uploads/2022/11/3541886553.webp) ![排行界面](https://xug.cc/usr/uploads/2022/11/2940214532.webp) ![我的界面](https://xug.cc/usr/uploads/2022/11/3110343183.webp) ![更新日志界面](https://xug.cc/usr/uploads/2022/11/2421264770.webp) ![文章详情界面](https://xug.cc/usr/uploads/2024/03/232828163.webp) #### 特别鸣谢: > 特别感谢: WeTypecho开源项目、ColorUI项目、王旭阳博客、九思学舍。本程序源于WeTypecho开源项目,并于王旭阳博客项目的基础上进行UI的再次调整,其中运用到ColorUI颜色库,特此感谢。 ## 准备工作 ##### 1、购买服务器、域名并备案 服务器推荐购买地址:[阿里云](https://www.aliyun.com/daily-act/ecs/activity_selection?userCode=vfucp50p) 域名推荐购买地址:[阿里云万网](https://wanwang.aliyun.com/?source=5176.11533457&userCode=vfucp50p) | [腾讯DNSPOD](https://dnspod.cloud.tencent.com/) ##### 2、安装Typecho程序 [Typecho官网](https://typecho.org/) ##### 3、选择相应主题并发表博客内容 主题推荐:[本站同款主题 handsome](https://www.ihewro.com/archives/489/) ##### 4、下载并配置WeTypecho插件 微信关注公众号 **岩妙书屋** 回复 **WeTypecho插件** 即可下载 ##### 5、申请微信小程序APPID 微信小程序:[微信小程序官网](https://mp.weixin.qq.com/) ##### 6、配置并完善小程序基本信息 申请成功后,配置小程序名称、简称、头像、介绍、服务类目、相关公众号,并牢记小程序AppID(上述设置位于小程序官网左侧设置栏内) 在开发栏目中,可设置服务器域名,如开启AppSecret(小程序密钥),请牢记。 在管理-成员管理中,可配置开发者微信和测试人员微信。 > 完成准备工作后,可根据[《Typecho详细教程(二)基础配置》](https://xug.cc/index.php/archives/97/)进行初步配置 Last modification:March 8, 2024 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 如果觉得我的文章对你有用,请随意赞赏