hytvszz
commented
3 years ago 可以评论啦！支持新的自定义domain，用decodeURI（）解决中文文件名过长问题
Closed hytvszz closed 3 years ago
hytvszz
commented
3 years ago 可以评论啦！支持新的自定义domain，用decodeURI（）解决中文文件名过长问题
https://www.zhen.digital/5%E5%88%86%E9%92%9F%E6%90%AD%E5%BB%BA%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2/
感谢lemonchann
首先贴上我的网址www.zhen.digital，或者github的网址hytvszz.github.io
我的Blog项目是基于github pages，基本fork了lemonchann的项目，做了一点页面的改动和个性化了自己的信息。如果你要基于我的项目搭建自己的博客的话，大概以下几步：
在 https://github.com/hytvszz/hytvszz.github.io 选择download zip，下载解压包到本地 登录你自己的github主页，在repository里头new一个，名字一定要填（你的用户名）hytvszz.github.io，这样你就可以直接在地址栏输入 hytvszz.github.io访问你的博客了 根据 https://lemonchann.github.io/blog/create_blog_with_github_pages/ 指导，更改自己的博客项目的首页信息（照片，社交媒体，个人简介，网站favicon），还有推荐加上gittalk支持评论功能和google analysis支持数据分析 有了博客，如何方便的写博客呢。每次都用github上传，而且还要给文章加markdown语法，在随机的电脑上和手机上很麻烦，我是采用 stackedit.io 上头，直接绑定github的repo作为一个workspace，这样不管手机还是任何地方，只要登录这个网站，都可以完成新建、删除、编写博客的需要，而且是实时和github同步，不用担心丢失数据，stack.io 自带了markdown的编辑器UI，你可以不用记住markdown的语法，但是缺点的话就是你在编写github时候，无时不刻不在push，你会有无数个commit，还有就是手机屏幕太小，最上排的文字编辑器会被隐藏看不见。还有就是这个项目对post目录下新建的文件名称，一定是2000-01-01-文件名，否则不能识别，文件名可以使中文或者英文，日期会被用来排序，文件名不能重复否则会有bug，如果是单词间隔或者断句的话，只能用下划线，否则后边的部分不能识别。 我们现在只能用github这个固定的域名，有个性的朋友们肯定想定制自己的域名，首先在namecheap上选自己的域名，可以选个便宜的试试手，我的是一年3刀，付款之后在github项目下，在settings=>pages=>custom domain属性里，写上自己的域名www.zhen.digital，注意不要加任何前缀后缀，然后去到自己的域名管理界面，在dns配置里头，加上cname，host填写www，value填写你的hytvszz.github.io，静置几分钟到半小时，等他dns解析好，不管是填写hytvszz.github.io还是www.zhen.digital都会显示后者了，虽然你的网站发布在github pages上。还有一点就是可以加上redirect规则，让zhen.digital或者anything.zhen.digital（wildcard redirect）都可以转到主页上 由于直接申请到的域名都还是http，不是https，有的浏览器可能会因为安全原因屏蔽，而且毕竟现在https更安全一点，所以给自己的网站加个SSL证书吧，这样就支持https啦！在namecheap账户主页面选择SSL certificate，付款购买后，会卡在验证界面，点击activate按钮开始验证，会被问道CSR code，根据这个教程https://www.namecheap.com/support/knowledgebase/article.aspx/9852/14/csr-generation-on-google-cloud-services/ （有详细填写指导）用google cloud service生成这个密码串或者直接用namecheap的小插件生成密码串https://decoder.link/csr_generator，拿到密码串之后最好在https://decoder.link/result/验证一下是不是有错误，然后根据https://www.namecheap.com/support/knowledgebase/article.aspx/794/67/how-do-i-activate-an-ssl-certificate/一步一步完成配置，结束之后，根据教程https://www.namecheap.com/support/knowledgebase/article.aspx/9637/14/how-can-i-complete-the-domain-control-validation-dcv-for-my-ssl-certificate/找到自己的“Get Records for Domain Control Validation”，然后回到DNS配置界面，新建一个Cname，按照Recods上头的信息填host和target，创建成功后，过几分钟，你应该就可以看到带https头的安全网站啦https://www.zhen.digital/这个是http的对比下http://www.zhen.digital/，这时候记得更新之前的redirect规则，还有github上头，检测到SSL证书之后，你就可以tick选项强制https啦！ 博客怎么能少得了评论呢！按照步骤3的链接去申请你的gitalk client id和secret id，然后更新项目config，就可以支持评论啦，当然在申请client id填写资料时候，记得把自己的新域名 https://www.zhen.digial/填到call back URL那里，这样新域名才支持插件，当然第一次会要求你登录github账号给权限，记得照做。还有对于中文博客的朋友，中文会被转换成ascii码还是什么编码，一个中文就变成十几个字符，这样如果文件名大于5个字，就会发生 gittalk Error: Validation Failed 错误，这是因为你的文件名过长，在gitalk建立issue题目时候失败，结局方法是加一个decodeURI函数，直接jieid: decodeURI(window.location.pathname)