hytvszz / hytvszz.github.io

Zhen's personal blog
https://hytvszz.github.io/
MIT License
2 stars 1 forks source link

5分钟搭建自己的博客 #9

Closed hytvszz closed 3 years ago

hytvszz commented 3 years ago

https://www.zhen.digital/github_pages_blog/

感谢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,如果是单词间隔或者断句的话,只能用下划线,否则后边的部分不能识别。 最后是个性化自己的域名,首先在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啦!

hytvszz commented 3 years ago

文件名用中文而且过长会导致gitalk生成issues失败,不能成功validate允许评论