⭐️ 背景

当我们小程序开发完成以后，如何运营推广就成了一大难题！

同学们一定会想让更多人体验自己开发的小程序，也希望可以通过一些平台，比如：朋友圈、微博、知乎、简书、Github，为用户介绍自己的小程序是什么，如何更快速地上手使用。那么，如何同时做到既能快速推广自己的小程序，又能减轻用户学习使用我们小程序的成本呢？

答案就是：为自己的小程序建立一个官方网站！

为小程序搭建一个官方网站有诸多好处：

1. 首先，就是让你的小程序显得更加的professional！😂
2. 互联网上所有人都有可能搜索并了解到你开发的小程序，再也不用局限于任何平台！

这时候，有同学就会疑惑了，搭一个网页，比开发一款小程序还复杂吧？

No！No！No！抛开审核时间、网速等因素的影响，为自己的小程序搭建一个官网，最快只需15分钟！！！

系好安全带，马上发车！

⭐️ 搭建

话不多说，先上网站：https://www.bugusport.com/

搭建的过程需要我们对git有一些简单的了解，最好还能懂些html知识，如果不懂也没关系，照猫画虎也足够了！

好了我们快快开始搭建！

搭建一个小程序一共有以下几个步骤：

1. 注册一个Github账号，并创建一个仓库。

点击右边绿色New按钮



为自己的仓库起个名字，选择Public，其他的选项不重要

2. 为自己的仓库创建一个叫做gh-pages的分支，如图在输入框中直接输入即可（这里我已经创建过了）：

点击Code，两个选择：1. 直接命令行git clone 这个链接。 2.或者下载一个Desktop，可视化操作（推荐第二个）。

3. 打开Desktop，了解基本结构

左上角的Repository下拉框即是你要修改的仓库，点击以后选择要克隆下来的仓库克隆即可

中间的Branch我们选择gh-pages

点击右边从下往上数第二行：show in finder，会看到一个比较空的文件夹，这就是我们放代码的地方。

3.选择一个自己喜欢的网站模板

https://html5up.net/，到这个网站上选择一个自己喜欢的模板，Free download一下，并把文件解压到上述的文件夹Finder中。

如图的目录结构，其中，index.html是最重要的文件，因为Github默认这个页面为首页，也就是第一个页面。

4.上传代码

点击左下角 commit to gh-pages

再点击右上角push代码

5.查看网页，我们回到Github仓库的网页当中

点击Setting，再点击Pages，我们就可以看到我们的网站已经被published at https://xxxxxxxxxxxxxxxxxxxxxxxxxxxx（这个网址不是如图这个格式，不过问题不大）

其实到这一步我们的网站已经搭好了，点击进去我们就可以看到一个最基础的网站模板了，后续的工作就是根据需要修改我们的网站内容

6.根据需要修改模板内容

这一步需要同学们懂一些html的知识，就是修改代码，我们回到Desktop中，点击Open in Visual Studio Code

然后根据自己的需要修改网站吧！

搭建静态网页的方法还有很多种，这是个人比较喜欢的一种方法~

好了，以上就是搭建网站的所有内容，如若有不清晰或者不易理解的地方，欢迎大家在评论区指出。

（考虑到Github不是很稳定，同学们也可以用Gitee Pages来实现网站的搭建，流程非常相似。）

最后：

• 有的同学可能没有接触过前端，怎么快速上手这些模板呢？
• 有的同学想要知道为什么我的网站地址是www.bugusport.com，如何才能让自己的小程序官网拥有自己的域名呢？

我将会在随后的文章中再详细补充为大家介绍网站修改、域名修改的操作流程，可以持续关注我喔~

域名配置可参考：https://developers.weixin.qq.com/community/develop/article/doc/00044e0e76069863f90d763f15d013

如果这篇文章对你有帮助，希望可以点赞收藏喔~ 感谢大家的支持~