GitHub+Hexo 搭建个人博客(四):SEO 优化及站点被搜索引擎收录设置

前言 我们必须把我们的网站推送到搜索引擎那, 不然别人除了输入我们的域名或者搜索文章,是没法发现我们的博文。 如何查看我的网站是否被收录: site:你的网站 比如我的:site:liuyingbo.com 站点地图 站点地图即 sitemap, 是一个页面,上面放置了网站上需要搜索引擎抓取的所有页面的链接。站点地图可以告诉搜索引擎网站上有哪些可供抓取的网页,以便搜索引擎可以更加智能地抓取网站。所以我们首先需要生成一个站点地图 安装百度和 Google 的站点地图生成插件: npm install hexo-generator-baidu-sitemap --save npm install hexo-generator-sitemap --save 然后来到站点目录配置文件_config.yml,在下面添加: # 站点地图 sitemap: path: sitemap.xml baidusitemap: path: baidusitemap.xml 然后重新推送到服务器,在访问如下 URL: https://你的域名/sitemap.xml https://你的域名/baidusitemap.xml 看看有没有出现代码。有的话就成功。 给你的 hexo 网站添加蜘蛛协议 robots.txt, 把 robots.txt 放在你的 hexo 站点的 source 文件下即可。 # hexo robots.txt User-agent: * Allow: / Sitemap: https://liuyyingbo.com/sitemap.xml Sitemap: https://liuyingbo.com/baidusitemap.xml 百度收录 提交网站 通过百度站长平台进行链接提交,增加网站的索引量。先去注册并登录:百度站长平台 然后需要验证网站,我选择的是https://,这根据你前面是否添加 SSL 证书来选择。并且我使用的是不带 www 的,看个人。然后到第三步,我使用的 HTML 标签验证。你也可以选择自己喜欢的方式 ...

November 30, 2021 · 2 min · LiuYingbo

GitHub+Hexo 搭建个人博客(三):使用 GitHub Actions 实现 Hexo 博客自动部署

Hexo 相关知识点 静态博客简单,但是发布博文时稍显麻烦,一般需要下面两步: hexo clean hexo g -d // 相当于 hexo g + hexo d 如果考虑到同步源文件,还需要每次更改后,将源文件 push 到指定仓库: git push origin main 我们可以将 Hexo 文件分为两类,一类是源文件,即下面这些文件: . ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes 一类是 public 文件,即网站文件: public ├── 2020 ├── categories ├── tags .... 发布博文的这三个操作代表: hexo clean:删除网站(public)文件 hexo g:生成网站(public)文件 hexo d:将本地网站(public)文件同步到指定仓库(如:yourname.github.io)中 我使用一个私有仓库存放 Hexo 源文件,在 deppwang/deppwang.github.io 中存放网站文件。所以每次发布或者更新博文时,需要使用 push 操作更新源文件,再执行 hexo clean、hexo g -d 更新博客,比较麻烦,而且github在国内经常登录不上。 ...

November 30, 2021 · 2 min · LiuYingbo

GitHub+Hexo 搭建个人博客(二):使用GitHub PicGod搭建图床

图床 图床这是个老生常谈的问题了,流行过不少的图床但是基本都凉凉了。 背景 图床是个啥东西就不用过多介绍了,先来对比一下各路图床: 微博图床:以前用的人比较多,从2019年4月开始开启了防盗链,凉凉 SM.MS:运营四年多了,也变得越来越慢了,到了晚上直接打不开图片,速度堪忧 其他小众图床:随时有挂掉的风险 Imgur等国外图床:国内访问速度太慢,随时有被墙的风险 语雀图床,语雀用的oss本来挺好用,也开启防盗链了 大厂储存服务:例如七牛云、又拍云、腾讯云COS、阿里云OSS等,容量限制,操作繁琐,又是实名认证又是域名备案的,麻烦,而且还要花钱(有钱又不怕麻烦的当我没说) Github图床 Gitee 图床 如果舍得花钱可以选择大厂存储服务,定期交流量费即可。略过第2步直接往下看,如果喜欢稳定且免费的图床可以继续往下看gitee 就是github在国内的一个翻版,操作基本一致,github有时候访问会有抽风现象,原因你懂的 毕竟方校长的GFW不是吃素的。 因此,GitHub 图床是个不错的选择,利用 jsDelivr CDN 加速访问(jsDelivr 是一个免费开源的 CDN 解决方案),PicGo 工具一键上传,操作简单高效,GitHub 和 jsDelivr 都是大厂,不用担心跑路问题,不用担心速度和容量问题,而且完全免费,可以说是目前免费图床的最佳解决方案! 搭建github仓库图床 登录/注册GitHub,新建一个仓库,填写好仓库名,仓库描述,根据需求选择是否为仓库初始化一个README.md描述文件 生成Token 在主页依次选择【Settings】-【Developer settings】-【Personal access tokens】-【Generate new token】,填写好描述,勾选【repo】,然后点击【Generate token】生成一个Token,注意这个Token只会显示一次,自己先保存下来,或者等后面配置好PicGo后再关闭此网页 配置PicGo 前往下载PicGo,安装好后开始配置图床 设定仓库名:按照【用户名/图床仓库名】的格式填写 设定分支名:【main】 设定Token:粘贴之前生成的【Token】 指定存储路径:填写想要储存的路径,如【ITRHX-PIC/】,这样就会在仓库下创建一个名为 ITRHX-PIC 的文件夹,图片将会储存在此文件夹中 设定自定义域名:它的作用是,在图片上传后,PicGo 会按照【自定义域名+储存路径+上传的图片名】的方式生成访问链接,并放到粘贴板上,因为我们要使用 jsDelivr 加速访问,所以可以设置为【https://cdn.jsdelivr.net/gh/用户名/图床仓库名 】,上传完毕后,我们就可以通过【https://cdn.jsdelivr.net/gh/用户名/图床仓库名/图片路径 】加速访问我们的图片了,比如上图的图片链接为:https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/08.jpg 参考上面创建了一个仓库如下图 至此免费图床搭建完成。可以使用PicGo 工具 愉快的上传图片了,直接粘贴在markdown博客编写工具中就可以了。 图片不能重复上传,因为都会在同一个目录下,重复上传会有重名错误。 进行图片上传 配置好PicGo后,我们就可以进行高效创作了,将图片拖拽到上传区,将会自动上传并复制访问链接,将链接粘贴到博文中就行了,访问速度杠杠的,此外PicGo还有相册功能,可以对已上传的图片进行删除,修改链接等快捷操作,PicGo还可以生成不同格式的链接、支持批量上传、快捷键上传、自定义链接格式、上传前重命名等,更多功能自己去探索吧!

November 30, 2021 · 1 min · LiuYingbo

GitHub+Hexo 搭建个人博客(一)

什么是Hexo ? Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上,是搭建博客的首选框架。这里我们选用的是GitHub,你没看错,全球最大的同性恋交友网站(逃……)。Hexo同时也是GitHub上的开源项目,参见:hexojs/hexo 如果想要更加全面的了解Hexo,可以到其官网 Hexo 了解更多的细节,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。这里,默认各位猿/媛儿都知道GitHub就不再赘述。 这是我的个人博客效果: 刘英博 · Hawk 下面正式从零开始搭建年轻人的第一个网站。 环境准备 获得个人网站域名 域名是网站的入口,也是网站的第一印象,比如饿了么的官网的域名是:https://www.ele.me/ ,很是巧妙。常见的有com,cn,net,org等后缀,也有小众的xyz,me,io等后缀,根据你自己的喜好,选择不同的后缀,比如我选择就是常见的com后缀。很多小众奇特的后缀在大陆是没办法备案的,网站也就无法上线。然而使用GitHub托管我们的网站,完全不需要备案,因为托管我们的网站内容的服务器在美国,而且在国内备案流程也比较繁杂,时间需要一周左右。 申请域名的地方有很多,这里推荐阿里云:阿里云-为了无法计算的价值 申请入口:域名注册 购买域名这也是我们整个搭建过程中惟一一个需要花钱的地方。如果你已经有了空闲域名就无需购买,直接使用即可。 GitHub创建个人仓库 登录到GitHub,如果没有GitHub帐号,使用你的邮箱注册GitHub帐号:Build software better, together 点击GitHub中的New repository创建新仓库,仓库名应该为:用户名.http://github.io 这个用户名使用你的GitHub帐号名称代替,这是固定写法 安装Git 什么是Git ?简单来说Git是开源的分布式版本控制系统,用于敏捷高效地处理项目。我们网站在本地搭建好了,需要使用Git同步到GitHub上。如果想要了解Git的细节,参看廖雪峰老师的Git教程:Git教程 从Git官网下载:Git - Downloading Package 现在的机子基本都是64位的,选择64位的安装包,下载后安装,在命令行里输入git --version测试是否安装成功,若安装失败,参看其他详细的Git安装教程。安装成功后,将你的Git与GitHub帐号绑定。 liuyingbo@liuyingbodeMacBook-Pro ~ % git --version git version 2.32.0 (Apple Git-132) 在命令行里,设置user.name和user.email配置信息: git config --global user.name "你的GitHub用户名" git config --global user.email "你的GitHub注册邮箱" 生成ssh密钥文件: ssh-keygen -t 然后直接三个回车即可,默认不需要设置密码 然后找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复,Mac打开隐藏文件显示Shift+Command+.,windows应该在C盘。 打开GitHub_Settings_keys 页面,新建new SSH Key Title为标题,任意填即可,将刚刚复制的id_rsa.pub内容粘贴进去,最后点击Add SSH key。 在Git Bash中检测GitHub公钥设置是否成功,输入ssh git@github.com liuyingbo@liuyingbodeMacBook-Pro ~ % ssh git@github.com PTY allocation request failed on channel 0 Hi liuyingbor! You've successfully authenticated, but GitHub does not provide shell access. Connection to github.com closed. 如上则说明成功。这里之所以设置GitHub密钥原因是,通过非对称加密的公钥与私钥来完成加密,公钥放置在GitHub上,私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用了ssh,当你推送的时候,git就会匹配你的私钥跟GitHub上面的公钥是否是配对的,若是匹配就认为你是合法用户,则允许推送。这样可以保证每次的推送都是正确合法的。 ...

November 11, 2021 · 2 min · LiuYingbo