Coding托管inis前端-一个前后端分离的博客程序

2021-08-26 08:54:59 浏览数 (1)

前言

inis作为一个由国人开发的全新博客程序,采用前后端分离。前端仅需部署在静态托管(例如对象存储),而后端部署在服务器上,是一款超轻量的博客程序,同时对中文适配性强,体验更佳。

而Coding作为腾讯云旗下的一站式软件研发管理平台,恰好可以作为托管inis前端静态文件的工具。

Coding作为腾讯云旗下的产品,使用腾讯云的服务,搭建静态站访问会产生一定费用(个人博客通常不会超过5元/月),建议在CDN侧进行一定的防护,避免产生问题。详细请看文末"拓展→费用"。

本篇文章,针对Doding部署inis前端提出解决方案。如需部署后端程序,请参考官网文档。

准备

1.使用Coding,需要先注册Coding账号(官网:https://coding.net)。这里建议使用腾讯云账号登录,因为后期实名可以直接使用腾讯云账号名下的实名。团队名可以自行填写。

2.同时,需要提前部署好inis后端程序,并且下载好前端主题包(inis主题下载:https://inis.cc/index/theme)。

ps:腾讯云账号请提前进行实名认证,如果出现实名与绑定问题,可以直接打Coding客服电话解绑自动生成的未实名账户(末尾会讲)。

开始

完成了准备的内容后,我们就可以正式开始使用Coding进行部署了~

建立仓库

1.登录Coding之后,完成引导后账号名下只有一个默认项目,我们直接自行新建一个项目即可。

点击右上角创建项目按钮,新建一个自己的项目(提示选择项目模板,不懂的直接选择全功能DevOps项目即可),然后填写项目信息,按个人喜好填写即可,此处不再赘述。

2.进入项目,选择左侧菜单栏代码仓库,然后选择创建代码仓库,新建一个代码仓库,按照下图进行信息填写之后点击完成创建按钮。

部署前端

3.创建完仓库后,解压已经下载的inis主题文件,默认主题需要按照以下方式进行文件设置;

/static/config.js 按照官网教程配置自己的api路径(查阅官网教程,因为每个版本都有优化,此处不再赘述)

/static/config.json 按照官网教程自定义主页文件

/favicon.ico 删除,修改为自己的图标(选做)

/assets/images 目录下/logo.png和/logo_sm.png修改为自己的图标(有能力的可以直接修改目录引用外链,此处不再赘述)

4.点击右上角菜单,选择上传,将已经配置完毕的前端程序进行上传;

5.点击左侧菜单栏持续部署网站托管(此时会弹出腾讯云验证,绑定自己已实名账号的直接输入账号密码即可,提示没有实名的请按照问题排查反馈Coding客服修改账号绑定);

6.确认拥有静态网站搭建权之后点击右上角新建网站,按照下图进行配置即可。

7.正常情况下等待1~5分钟系统会对静态站进行构建,并上线。等待显示部署成功时,点选部署好的静态网站,点击基本信息→访问地址→网站地址,点击系统提供的默认域名,检查网站的部署情况,当后端没有进行任何验证设置并且部署成功时,会显示自己的inis前端网站,并正常加载默认文章。

8.点击自定义域名新建域名,填写自己名下要用于部署前端的域名(建议使用一级域名或者www.),之后在DNS服务商处进行域名添加,并请用绑定的腾讯云账号登陆腾讯云控制台管理域名CDN服务。

建议在腾讯云申请ECC格式的证书,于CDN处进行绑定。

ps:不想用腾讯云CDN的请看文末"定制化"。

至此,第一次部署前端的教程已经结束,如果各位大佬需要更深度定制化,请看文末"定制化"

拓展

费用

Coding是腾讯云旗下的产品,静态网站使用的是腾讯云的COS对象存储业务,缓存加速采用的是腾讯云的CDN,会产生一定费用。

对象存储收费文档:https://cloud.tencent.com/document/product/436/16871

CDN收费文档:https://cloud.tencent.com/document/product/228/2949

个人博客正常使用无需担心费用问题,且Coding第一次新建静态网站会赠送COS存储资源包。如有需要可以按需购买腾讯云付费服务。

若需使用其他CDN,请查看文章末尾"定制化→2.第四方CDN"

问题排查

1.访问404:如果刚部署静态网站,需要一定时间进行构建,耐心等待即可。

2.访问显示白色页面或没有文章:api填写错误,检查/static/config.js

3.访问速度很慢:建议在腾讯云CDN侧设置缓存,参照文章末尾"定制化"

无关紧要的小问题

(此类问题后期会写的更完善,如有问题请先咨询作者)

1.后台logo显示为inis官方logo:后端问题,请在后端目录上传自己的logo。

2.歌单加载异常:请在后端对歌单进行配置,官网也有教程文件。

Coding问题

1.创建静态网站时提示自己未实名:若名下主要腾讯云账号已经实名,前往Coding官网电话联系客服,表明需要解绑腾讯云账号,请解绑之后进入个人中心重新绑定自己主要的腾讯云账号。

2.登录推荐:建议直接采用腾讯云账号登录,后期避免实名换绑问题!!!从Coding注册的账号会生成腾讯云账号,导致需要重新实名,自己名下就会多出账号。

3.团队:Coding本身是针对团队开发而推出的产品,因而没有个人一说,直接创建团队即可。

定制化

此处会添加一些关于inis主题前端部署定制化内容的内容。

1.腾讯云CDN:因为Coding托管是采用的腾讯云CDN+腾讯云COS,因此可以高度定制化自己的内容。

在使用自己的腾讯云账号绑定Coding并生成静态网站之后,腾讯云账号的CDN内会产生一定费用。建议在CDN侧设置"IP访问限频"、"下行限速配置",可以依照下方文章进行配置。

CDN配置方式(以腾讯云为例)

2.第四方CDN:如果不想使用腾讯云CDN服务,请先在腾讯云CDN处删除绑定的域名,然后进入COS控制台(登录绑定腾讯云账号的控制台),选择对应存储桶→"域名与传输管理"→"自定义源站域名",复制对应CNAME,填写到对应的CDN解析内(部分第三方CDN不能填写CNAME解析度的,请用本机ping一下CNAME,获取IP填写进去即可,不影响访问)。

使用第四方CDN可以使用CC防护相关功能,同时请注意腾讯云处依然产生COS流量费,请关注COS费用的产生。

结语

本篇文章不存在任何推广,inis属付费程序,所有访客购买本站均没有任何提成与利益分成,请按需购买即可(是WordPress和Typecho不香了么?)。如需购买,请支持正版程序,本站不提供程序包,一律需要用户到官方网站进行下载,尊重版权,人人有责!


版权属于:何叶

本文链接:https://cloud.tencent.com/developer/article/1867176

本站采用 “署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN)” 许可。 您可转载本站文章,请以超链接形式标明本文原始出处、作者信息以及版权声明。

0 人点赞