今天我来教大家搭建属于自己的谷歌自主网站，自己维护，自己更新，自己优化。一定要看下去，一点问题也没有，就算有问题，关注私信我，我一定会教大家完成属于你的网站。
点击上方“Web前端进阶指南”关注我呦跟程序员小强一起学前端前言没错，不懂就问。
我用的是开源的Gatsby.js框架，是用React.js开发的静态网站生成器。为什么要用它呢？理由很简单：它支持SSR和SSG两种部署模式，集成SEO功能强大、轻量级且易于上手、社区活跃。等你我说完了，你就可以自己试试，再也不用花费高额的费用去建站企业搭建一个纯展示型的WebSite喽！
先观看一下Gatsby.js框架：视频加载中…
网站搭建前奏
网站搭建一般分为以下几个部分：购买域名，以及服务器安装和配置，本地测试，优化以及填充内容，上传到服务器进行相关的部署浏览查看知道了这些以后让我们开始动手搭建属于自己的网站，我说这么多，你就是不想自己动手搭建，也要知道搭建网站是一个什么样的流程，不要被第三方骗吃骗喝，要你缴这个费用，那个费用的，听见了没有。
开始建站
第一步：域名、服务器
本着自主搭建网站的原则，我们就直接使用虚拟机或者轻量级服务器，域名等直接去阿里云购买。
这些我们都可以直接去阿里云购买，你也可以去别的地方，基本都一样，下面我就以阿里云开始教大家操作。
注册阿里云账号：1、买域名使用手机号或者邮箱、支付宝、淘宝账号进行注册或直接登录，然后进行购买域名，可按自己想要的域名进行搜索和查看，看看有没有被注册，没注册的可直接购买，很便宜，一年也就是几十块钱。
我们这里选择香港主机，可以免去备案，其它机房还要备案的，时间大约两周以上，很长的。
但香港主机要贵一点，在免备案贵一些主机和要备案便宜点主机，你看着选则。
第二步：本地部署网站
说好用Gatsby.js，我们就用Gatsby.js，这里采用Node.js+Express来搭建网站。
1、下载Gatsby.js文件，上Gatsby.js官方文档下载(https://www.gatsbyjs.org/)、安装Node.js环境、运行npm install gatsby-cli -g进行全局安装、创建新站点：gatsby new my-site
2、在本地修改站点结构，添加模块，编写数据。
3、运行以下命令搭建开发服务器：
npm run develop
第三步：访问后台
在你安装完成后台后，会直接跳出登录页面，输入安装的时候你填写的账户名，密码即可登录，如果出错，请检查后台文件config.yaml文件是否填写及填写正确数据库账号密码。
第四步：创建站点
1、首先会让你创键站点，如图：创建站点（1）、点击下一步，Gatsby.js提供了许多免费的在线站点模板，如下图所示：选择模板（2）
选完站点模板之后，就需要填写站点的相关属性，如下图所示：填写属性（3）
4、在设置好站点属性后，点击下一步，系统就开始创建了，在这一步可以看到创建进度，如下图所示：系统创建站点（4）
5、一旦创建完成，系统会自动切换到刚创建站点的管理界面，如下图所示：创建成功（5）
第五步：修改填充内容
让它成为自己的网站之前你已经选择好并创建好站点了，现在修改内容和栏目，这些很简单，栏目的东西就在栏目管理里面找，内容的东西就在内容管理里面找，站点相关的属性就在站点管理里面找，找到后更改成自己的东西就行。
不明白的官方文档里也介绍了很多，那些足够你使用的，不明白问我或者加入官方的QQ群里问我也行。
第六步：部署到虚拟主机
首先根据你购买阿里云虚拟主机时设置的账号密码登录通过FTP连接到虚拟主机上，然后将网站文件上传到虚拟主机上，（注意是网站所有的根目录，不包括一级站点文件），然后在里面设置相关的东东，什么域名绑定、权限、404页面、301重定向、https认证等等。
最后我们就部署数据库了，从我们本地数据库中生成脚本或者备份，然后通过阿里云提供的数据库地址打开数据库，将我们备份或生成的脚本还原到虚拟主机上，即可。
第七步：通过域名查看网站
检查并优化网站
到这我们的网站基本就全部完成了，往后做的就是板块的调整，内容的更新，排名的优化等等能够让网站增加访问量的一切措施。
虚拟主机方面如果出现什么问题，就直接访问阿里云提交工单就行，他们会帮你解决的，别的不敢说，阿里云的这帮工程师解决工单问题的效率还是相当不错的。
总结
通过Gatsby.js搭建属于我们自己网站的方案就说完了，如果你是用了，总体感觉这款框架还是相当不错了，基本满足了大部分企业站点的功能需求，安全上做的也很不错，可以去尝试用一下。
测试站点示例
如果你有什么不懂可以官方文档查看，或者关注私信问我，我会一一为你解答的，谢谢哦！
请注意，以上内容仅供参考，具体操作可能会根据实际情况有所不同。
此外，建议在搭建网站之前了解一下相关法律法规，确保网站的合法性。