Gridea博客免费部署Coding全过程详解(更换主题-Gitalk-SEO)
# 前言
如果你想要有一个自己的博客网站，选择有很多，直接上传CSDN、简书等社区，但是往往有很多东西不能更改，包括笔者在内的许多人想要有个性、有特色的博客样式，则有Wordpress、Typecho此类动态博客，但是想要成功部署，域名、空间购买、数据库等设置往往存在一些坑，且有一定的经济开销；另有Hexo、Hugo、Jekyll此类静态博客，通常搭建在GitHub、Gitee、Coding等网站，利用静态Pages服务，自带SSL且不需要为服务器和域名付费。
对比之后可知，部署GitHub对国内访问不是很友好，想要被百度的SEO收录需要折腾其他的东西（CDN加速等），Gitee的自动部署、自定义域名服务需要收费，部署Coding国内外的访问速度都尚可（香港服务器），缺点是和腾讯开发者平台、Cloud Studio揉在一起，入口逻辑混乱，加上最近服务升级，之前的文章无法对应上了，好在笔者已经调整好所有设置，请继续往下看。
# Gridea简介
Gridea (opens new window)一个静态博客写作客户端，拥有独立的GUI图形界面，支持多平台Mac/Win/Linux，界面优雅，其中包含标签、菜单、主题、同步等功能的设置，基本告别繁琐的命令行指令，自带Markdown编辑器，支持评论和RSS。
当前，Gridea还处于上升期，主题市场和相关文章较少，这需要每个用户的努力。
# Gridea安装
可以前往官网下载，但是因为GitHub，国内下载速度非常慢，这里做一下分流，也可以加入官方QQ群923131213询问下载。
链接：https://pan.baidu.com/s/1IvhaifxZ_y10Dgwa0gigjw (opens new window) 提取码：5mgj
当前为0.9.2测试版，针对Coding最近更新做了适配，如果低于这个版本应该只能用Github部署。
之前需要安装Git (opens new window)工具，根据0.9.2更新详情，应该不需要再安装Git工具。
# 设置Coding
登录https://coding.net/ (opens new window)，右上角选择个人版登录并注册，登录进入右上角个人设置，绑定手机。
同时设置访问令牌，新建访问令牌，起一个易于区分的名字，勾选project:depot，点击创建，务必妥善保存访问令牌代码，令牌只会显示一次，如果丢失则要重新生成。
记录访问令牌页面显示的令牌用户名，部署时要用到。
新建项目，记住项目名，即仓库名，进入仓库，勾选启用README.md文件初始化仓库，同时注意仓库用户名（如图）。
然后选择构建与部署-静态网站，起名并点击立即发布静态网站。
这样就得到了访问地址，格式为http://xxxxx.coding-pages.com，当前访问会显示404，因为仓库中没有html页面，可以手动新建一个index.html，但是并无影响，成功部署同步之后即可正常访问。
# 设置Gridea
通过上面的步骤，我们已经得到了：访问地址、 仓库名、分支（默认master）、仓库用户名、邮箱（自用邮箱即可）、令牌用户名和令牌，把它们分别填入Gridea客户端远程-基础配置-Coding Pages对应项目中，注意图示中域名是本博客的域名地址，当前填入你的访问地址即可。
保存-检测远程连接-同步，同步成功后登陆访问地址即可看到博客了。
# 设置自定义域名和SSL
回到Coding构建与部署-静态网站，右上角设置，找到自定义域名，输入你购买的域名并绑定，同时记得打开强制HTTPS,
再前往域名的DNS设置那添加一套CNAME类型记录，记录值即访问地址，如果在腾讯云中操作，即在云解析中添加。
等待一段时间后，回到Coding刚才的位置，做SSL证书认证，这样就不会因为没有HTTPS总是弹出烦人警告。
注意：使用自定义域名后，客户端同步设置也要用该域名，否则图标、侧边栏无法正常显示。
此处如果认证失败，可能是想做同时GitHub和Coding部署，域名DNS那先暂停分流GitHub的项目，认证成功后再开启即可，注意Gridea客户端给GitHub和Coding共用了一部分数据，双部署会麻烦一些，等待后续版本完善吧。
# 下载更换主题
Gridea客户端中大部分设置的修改都很方便（一切改动记得保存），如果不满意自带的主题，进入主题市场 (opens new window)，选择想要使用的主题并下载。
这时就有了一个问题，下载速度非常慢，笔者试了改Host，发现并没有什么用，最后选择了Gitee转存下载的方式：
先复制GitHub的clone链接，注册并登录Gitee (opens new window)，选择从GitHub/GitLab导入仓库，粘贴刚才复制的链接，其它随意。
下载的时候遇到了问题，下载ZIP总是没速度，到Gridea/themes位置打开Git Bash，git clone .....时输入邮箱和密码也出了问题，一番搜索后发现，可以这样做：
打开控制面板-用户账户，选择管理Windows凭据，在这里修改凭据，尝试几次后，设置成功。
重新到Gridea/themes位置，使用git clone ....，链接为Gitee克隆的仓库的clone链接，速度非常快，此后再遇到GitHub克隆速度慢，就可以直接这么做了，凭据只用配置一次。
如果读者认为以上步骤麻烦，也可以使用其他方法，或者等5KiB/s的Clone速度。
主题下载完成后，Gridea客户端中就可以切换相应的主题了。
# 设置Gitalk
Gitalk是基于GitHub的issue制作的评论系统，登录GitHub账号即可进行评论，相对为个人博客或其他没有听闻过的评论系统单独注册一次账号，直接登录GitHub（类似QQ快捷登录）显然方便很多，为次，应准备好一个GitHub账号，和一个用来存放评论的GitHub仓库。
打开Gitalk的设置页面，发现有这几项要填写，这就要进入GitHub寻找了。
打开Settings-Developer settings-Oauth Apps-New Oauth Apps新建授权应用
如下图所示，Homepage URL填网站的网址，如果使用自定义域名，如https://purp1e.site/，则使用自定义域名。
创建成功之后得到Client ID和Client Secret。
回到Gridea的评论配置，打开是否显示评论，Client ID和Client Secret已得到，仓库填GItHub的仓库名（之前托管在GitHub上所以图示中带github.io，实际不一定），Owner填GitHub的账户名，注意昵称可能不好使。设置好记得保存。
# 百度和谷歌SEO优化
为了加快百度和谷歌搜索引擎收录博客文章，往往需要手动提交sitemap，Gridea会自动生成站点地图，名为atom.xml，提交到对应位置即可。
# 百度sitemap提交
登录注册百度搜索资源平台 (opens new window)，需要下载熊掌号app实名认证等，比较繁琐。
添加站点，在数据引入-链接提交-自动提交-sitemap处提交站点地图，例如~~https://purp1e.site/atom.xml。
2020/2/17补充：默认生成的atom.xml主要为SSR订阅使用，百度无法抓取，需要手动修改、添加一些文件。
# 自动提交
找到Gridea的文件夹（设置里的站点源文件路径），笔者自定义的路径为E:/Gridea，然后找到主题的templates文件夹下的posts.ejs，我的位置示例（walker主题）：E:/Gridea/themes/walker/templates/posts.ejs。把以下代码放在之前的任意位置即可。
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
2
3
4
5
6
7
8
9
10
11
12
13
14
# 手动提交sitemap
参照自动提交的文件位置，在E:/Gridea/themes/walker/templates/处创建一个sitemap.ejs，复制以下代码并保存，重新启动Gridea并同步即可得到符合百度要求的sitemap。
<%- sitemap() %><% -%>
<%
function sitemap(){
let links=''
site.posts.forEach(function(post){
links+=post.link+'\n'
})
return links
}%>
2
3
4
5
6
7
8
9
生成的文件是html文件，以本站点为例，提交sitemap的链接为：
https://purp1e.site/sitemap/index.html
# 谷歌sitemap提交
登录谷歌搜索控制台 (opens new window)添加站点，输入atom.xml并提交，谷歌的抓取速度很快。
# 总结
希望能为读者部署Gridea提供借鉴，一起为Gridea的发展做出贡献，客户端它不香么？