Coding 腾讯云亚太服务器+ Gridea 静态博客 = 起飞!
前言
如果你想要有一个自己的博客网站,选择有很多,直接上传CSDN、简书等社区,但是往往有很多东西不能更改,包括笔者在内的许多人想要有个性、有特色的博客样式,则有Wordpress、Typecho此类动态博客,但是想要成功部署,域名、空间购买、数据库等设置往往存在一些坑,且有一定的经济开销;另有Hexo、Hugo、Jekyll此类静态博客,通常搭建在GitHub、Gitee、Coding等网站,利用静态Pages服务,自带SSL且不需要为服务器和域名付费。
对比之后可知,部署GitHub对国内访问不是很友好,想要被百度的SEO收录需要折腾其他的东西(CDN加速等),Gitee的自动部署、自定义域名服务需要收费。
而部署Coding,国内外的访问速度都飞快(香港服务器),缺点是部署比较繁琐,但只需部署一次,往后就只需要发布文章即可。
笔者已经调整好所有设置,将给大家带来全过程详解,请继续往下看。
设置Coding
登录https://coding.net/,右上角选择个人版登录并注册,登录进入右上角个人设置,绑定手机。
个人版登录
同时设置访问令牌,新建访问令牌,起一个易于区分的名字,勾选project:depot,点击创建,务必妥善保存访问令牌代码,令牌只会显示一次,如果丢失则要重新生成。
新建访问令牌
记录访问令牌页面显示的令牌用户名,部署时要用到。
令牌用户名
新建项目,记住项目名,即仓库名,进入仓库,勾选启用README.md文件初始化仓库,同时注意仓库用户名(如图)。
初始化仓库
然后选择构建与部署-静态网站,起名并点击立即发布静态网站。
设置静态网站
这样就得到了访问地址,格式为http://xxxxx.coding-pages.com,当前访问会显示404,因为仓库中没有html页面,可以手动新建一个index.html,但是并无影响,成功部署同步之后即可正常访问。
安装并设置Gridea
安装Gridea
可以前往官网下载:https://gridea.dev/
或者前往Github 下载最新安装包:https://github.com/getgridea/gridea/releases/latest
当前为0.9.2测试版,针对Coding最近更新做了适配,如果低于这个版本应该只能用Github部署。
设置Gridea
通过上面设置Coding的步骤,我们已经得到了:访问地址、 仓库名、分支(默认master)、仓库用户名、邮箱(自用邮箱即可)、令牌用户名和令牌,把它们分别填入Gridea客户端远程-基础配置-Coding Pages对应项目中,域名填入你的访问地址即可。
保存-检测远程连接-同步,同步成功后登陆访问地址即可看到博客了。
设置自定义域名和SSL
回到Coding构建与部署-静态网站,右上角设置,找到自定义域名,输入你购买的域名并绑定,同时记得打开强制HTTPS,
再前往域名的DNS设置那添加一套CNAME类型记录,记录值即访问地址,如果在腾讯云中操作,即在云解析中添加。
等待一段时间后,回到Coding刚才的位置,做SSL证书认证,这样就不会因为没有HTTPS总是弹出烦人警告。
注意:使用自定义域名后,客户端同步设置也要用该域名,否则图标、侧边栏无法正常显示。
此处如果认证失败,可能是想做同时GitHub和Coding部署,域名DNS那先暂停分流GitHub的项目,认证成功后再开启即可,注意Gridea客户端给GitHub和Coding共用了一部分数据,双部署会麻烦一些,等待后续版本完善吧。
下载更换主题
Gridea客户端中大部分设置的修改都很方便(一切改动记得保存),如果不满意自带的主题,进入主题市场,选择想要使用的主题并下载。
主题下载完成后,Gridea客户端中就可以切换相应的主题了。
设置Gitalk评论系统
Gitalk是基于GitHub的issue制作的评论系统,登录GitHub账号即可进行评论,相对为个人博客或其他没有听闻过的评论系统单独注册一次账号,直接登录GitHub(类似QQ快捷登录)显然方便很多,为次,应准备好一个GitHub账号,和一个用来存放评论的GitHub仓库。
打开Gitalk的设置页面,发现有几项要填写,这就要进入GitHub寻找了。
GitHub.com页面 打开Settings-Developer settings-Oauth Apps-New Oauth Apps新建授权应用
Homepage URL填网站的网址,如果使用自定义域名,如https://liaobu.de/,则使用自定义域名。
创建成功之后得到Client ID和Client Secret。
回到Gridea的评论配置,打开是否显示评论,Client ID和Client Secret已得到,仓库填GItHub的仓库名,Owner填GitHub的账户名,注意昵称可能不好使。设置好记得保存。
百度和谷歌SEO优化
为了加快百度和谷歌搜索引擎收录博客文章,往往需要手动提交sitemap,Gridea会自动生成站点地图,名为atom.xml,提交到对应位置即可。
百度sitemap提交
登录注册百度搜索资源平台,需要下载熊掌号app实名认证等,比较繁琐。
添加站点,在数据引入-链接提交-自动提交-sitemap处提交站点地图,例如https://liabu.de/atom.xml。
谷歌sitemap提交
登录谷歌搜索控制台添加站点,输入atom.xml并提交,谷歌的抓取速度很快。
总结
希望能为读者部署Gridea提供借鉴,一起为Gridea的发展做出贡献,客户端它不香么?