
【 Hexo 博客搭建 】
个人博客:www.itbob.cn,关于 Hexo 博客搭建以及后期优化的相关问题
ITBOB • 鲍勃
这个作者很懒,什么都没留下…
展开
-
使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
– 前言首先感谢您能访问我的博客:TRHX’Blog 这是一篇有关如何使用 Github Pages 和 Hexo 搭建属于自己独立博客的详尽教程,本人是软件工程专业本科生,目前只学习了C和C++编程语言,对网站开发的有关知识几乎为零,这也是我搭建好自己的博客之后写的第一篇博客,刚开始搭建博客的时候自己也是网上各种百度,由于自己属于小白那种,历经了千辛万苦才弄好,所以借这个机会写一篇小...原创 2018-08-28 01:22:56 · 58280 阅读 · 116 评论 -
Hexo 博客优化之博客美化系列(持续更新)
本文将讲述一些Hexo博客的美化,不同主题可能方法有些不同(本文以作者 luuman 的 spfk 主题为例)实际效果欢迎访问我的博客:https://trhx.top/ 进行查看,本文章会不定时进行更新。文章目录 -- 添加卡通人物(看板娘) -- 添加鼠标点击爱心效果 -- 添加鼠标点击显示字体效果 -- 添加背景音乐 -- 浏览器网页标题恶搞 -- 背景添加动态线条效果 ...原创 2018-12-30 23:55:47 · 51726 阅读 · 66 评论 -
Hexo 博客优化之实用功能添加系列(持续更新)
本文将讲述一些Hexo博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 spfk 主题为例)实际效果欢迎访问我的博客:https://trhx.top/ 进行查看,本文章会不定时进行更新。文章目录 -- 添加评论系统 -- 添加卡通人物 -- 添加鼠标点击爱心效果 -- 添加鼠标点击显示字体效果 -- 添加字数统计和阅读时长 -- 添加背景音...原创 2019-12-08 00:12:07 · 34760 阅读 · 8 评论 -
利用官方支持为基于GitHub Pages的Hexo博客启用HTTPS
HTTP(超文本传输协议),是一个基于请求与响应,无状态的,应用层的协议,常基于TCP/IP协议传输数据,互联网上应用最为广泛的一种网络协议,所有的WWW文件都必须遵守这个标准。设计HTTP的初衷是为了提供一种发布和接收HTML页面的方法。HTTPS(超文本传输安全协议),是以安全为目标的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此...原创 2019-08-11 21:39:26 · 19841 阅读 · 0 评论 -
利用Cloudflare为基于GitHub Pages的Hexo博客添加HTTPS支持
文章目录-- 前言-- 注册 Cloudflare-- 添加站点--修改DNS--开启 HTTPS--重定向强制 HTTPS– 前言GitHub Pages 自带的域名(xxx.github.io)支持开启 https 服务,可以在仓库的【Settings】- 【GitHub Pages】下勾选【Enforce HTTPS】即可,但是如果你设置了自定义域名的话,这种方法就不管用了,因为 he...原创 2019-08-01 14:33:52 · 2258 阅读 · 0 评论 -
Github+jsDelivr+PicGo 打造稳定快速、高效免费图床
– 前言图床是个啥东西就不用过多介绍了,先来对比一下各路图床:微博图床:以前用的人比较多,从2019年4月开始开启了防盗链,凉凉SM.MS:运营四年多了,也变得越来越慢了,到了晚上直接打不开图片,速度堪忧其他小众图床:随时有挂掉的风险Imgur等国外图床:国内访问速度太慢,随时有被墙的风险大厂储存服务:例如七牛云、又拍云、腾讯云COS、阿里云OSS等,操作繁琐,又是实名认证又是域...原创 2019-08-01 14:44:09 · 28398 阅读 · 43 评论 -
Hexo 双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HTTPS
部署到 Coding Pages 的好处:国内访问速度更快,可以提交百度收录(GitHub 禁止了百度的爬取)部署到 Coding Pages 的坏处:就今年来说,Coding 不太稳定,随时有宕机的可能,群里的朋友已经经历过几次了,不过相信以后会越来越稳定的部署过程中常见的问题:无法实现全站 HTTPS,Coding 申请 SSL 证书失败,浏览器可能会提示不是安全链接本文前提:你已经将...原创 2019-09-16 13:42:27 · 25008 阅读 · 9 评论 -
Hexo 博客提交百度、谷歌搜索引擎收录
文章目录● 写在前面(必看)● 查看网站是否被收录● 百度资源平台添加网站● 提交网站链接● 主动推送● 自动推送● sitemap● 手动提交● 写在前面(必看)网站在没有提交搜索引擎收录之前,直接搜索你网站的内容是搜不到的,只有提交搜索引擎之后,搜索引擎才能收录你的站点,通过爬虫抓取你网站的东西,对于 hexo 博客来说,如果你是部署在 GitHub Pages,那么你是无法被百度收录...原创 2019-09-17 15:45:29 · 20145 阅读 · 16 评论 -
网站ICP备案和公安备案流程
文章目录 -- ICP备案 1、填写信息验证备案类型2、产品验证3、填写网站信息4、上传资料5、人脸核验或幕布拍照核验6、提交管局、短信核验7、ICP备案完成 -- 公安备案 1、用户注册、登录2、新办网站备案申请3、填写网站基本信息4、填写网站负责人信息5、同意责任书并提交审核网站备案分为ICP备案和公安备案ICP备案:ICP备案的目的就是为了防止在网上从事非法的网站经营活动,打击不良...原创 2019-06-12 02:05:08 · 26064 阅读 · 16 评论 -
Hexo博客:您备案的网站未指向阿里云国内节点(不含香港)服务器,备案号可能被取消接入
问题描述:经检查您的网站域名 xxxxxx 未指向阿里云国内节点(不含香港)服务器且无访问记录 ,依据工信部相关法规规定属于空壳网站,请您尽快将域名解析IP地址指向阿里云国内节点(不含香港)服务器。 如果3个工作日后检查发现该备案域名在在阿里云国内节点(不含香港)服务器上仍无访问记录,我们将删除网站备案接入信息。您的备案号可能会被注销,网站访问可能受到影响。这个问题常见于个人博客,特别是 hex...原创 2020-02-07 16:13:17 · 9023 阅读 · 7 评论 -
使用 hexo-git-backup 插件备份你的 Hexo 博客
欢迎关注我的专栏:《个人博客搭建:Hexo+Github Pages》,从搭建到美化一条龙,帮你解决 Hexo 常见问题!我的博客地址:https://www.itrhx.com/由于 Hexo 博客是静态托管的,所有的原始数据都保存在本地,如果哪一天电脑坏了,或者是误删了本地数据,那就是叫天天不应叫地地不灵了,此时定时备份就显得比较重要了,常见的备份方法有:打包数据保存到U盘、云盘或者其...原创 2019-09-29 18:00:03 · 4380 阅读 · 6 评论 -
最新主流 Markdown 编辑器推荐
Markdown ,2004年由 John Gruberis 设计和开发,是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式,以下将介绍目前比较流行的一些 Markdown 编辑器(排名不分先后) - MarkdownPad 目前分为 MarkdownPad2 和 MarkdownPad Pro 版本,后者收费,我们使用前者足矣,...原创 2018-08-30 22:58:41 · 105023 阅读 · 11 评论 -
免费CDN:jsDelivr+Github 使用方法
本文有参考《jsDeliver+github使用教程,免费好用的cdn》—— By hojunCDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发...原创 2019-02-10 22:30:49 · 33738 阅读 · 12 评论 -
Hexo 博客自定义一个不使用主题模板渲染的独立页面
Hexo 是一个轻量、快速,简单和强大的博客框架,当我们需要发布博文的时候,只需要将写好的文章(MarkDown文件)放入本地的 \source\_posts 文件夹,然后再推送上去就行了,原理就是当我们在执行 hexo g 命令时,.md 文件就会被转化成 HTML 文件,但是有时候我们需要新建一个独立的页面,这个页面不使用主题的渲染,具有自己独...原创 2019-05-18 20:55:54 · 11806 阅读 · 6 评论 -
instant.page —— 一个 JS 脚本实现网站预加载,提升页面加载速度
instant.page 使用即时预加载技术,在用户点击之前预先加载页面。当用户的鼠标悬停在一个链接上超过 65 毫秒时,浏览器会对此页面进行预加载,当用户点击链接后,就从预加载的缓存中直接读取页面内容,从而达到缩短页面加载时间的目的。以我博客为例,使用了这项技术后,当鼠标在一个链接停留超过 65 毫秒时,Network 里可以看见相关文章已经预加载出来了,而停留时间过短就不会预加载(红色部...原创 2019-06-12 19:28:53 · 2277 阅读 · 5 评论 -
Coding Pages 申请 SSL 证书错误:urn:acme:error:unauthorized: Invalid response from http://xxxxx/
Coding Pages 申请 SSL/TLS 安全证书出现以下错误:urn:acme:error:unauthorized: Invalid response from http://www.xxxx.cn/.well-known/acme-challenge/ysOz9wW3U_GFPP8kRP4w8uknBZ9UfiUT7t2xpu9pDCw [185.199.111.153]: "\...原创 2019-09-16 16:15:22 · 11869 阅读 · 2 评论 -
一台电脑部署两个或多个 Hexo 博客(一台电脑使用两个或多个 GitHub 账号)
由于个人原因需要在一台电脑上部署两个Hexo博客,本来以为挺简单,没想到问题重重,首先是一个GitHub账号只能搭建一个Hexo博客,其次是一台电脑绑定两个GitHub账号,则需要两对公钥,在处理第二个问题时遇到的问题比较多,因为对这方面一窍不通,还是小白,所以折腾了一下午才解决,网上好多教程我都看不懂,觉得不(自)够(己)详(太)细(笨),因此详细记录一下原理分析:SSH的公钥是Gi...原创 2019-01-18 21:23:22 · 6625 阅读 · 8 评论 -
Hexo 博客本地预览报错:Error: listen EADDRINUSE 0.0.0.0:4000
添加指定文件到暂存区$ git add [file1] [file2] …添加指定目录到暂存区,包括子目录$ git add [dir]添加当前目录的所有文件到暂存区$ git add .添加每个变化前,都会要求确认对于同一个文件的多处变化,可以实现分次提交$ git add -p删除工作区文件,并且将这次删除放入暂存区$ git rm [file1] [file2] …停止...原创 2019-06-16 23:52:49 · 2211 阅读 · 0 评论 -
Hexo 博客添加 README.md 以及部署到 GitHub 丢失/显示不正常解决方法
GitHub 项目的 README.md 为自述文件,可对该项目进行介绍,解释等。使用 Github Pages 和 Hexo 搭建的博客,如果在最开始建立仓库的时候没有创建 README.md 文件,那么在后期如何添加呢?添加方法:在根目录 source 文件夹下新建 README.md 即可,该文件使用 Markdown 语法。然而当我们执行 hexo g -d 部署博客的时候会发现 ...原创 2019-06-14 16:35:00 · 5545 阅读 · 1 评论 -
HTML + CSS 实现 GitHub 项目标签、徽章样式
经常会在GitHub上项目介绍的README.md文件中看到许多漂亮的标签,这些标签可以显示version、stars、license等信息我们可以通过 https://shields.io/ 这个网站在线制作图标,填写label、message、color三个字段,点击Make Badge就可以生成图标,还有其他功能可以自己去体验。 这是图标形式,我们也可以通过 HTML ...原创 2019-06-12 18:38:07 · 3104 阅读 · 0 评论 -
element.style内联样式修改
最近在修改我个人博客的一个样式时发现,无论我如何修改style里面的值,页面上的样式都不会被修改,F12检查一下发现个element.style,但是却找不到这个值在哪里,查资料后才知道element.style为内联样式,基本很多都是在JS代码里写死了的,但是我们可以用 !important 语法优先权来实现我们想要的效果。例如网页上面的进度线条:background: orange; 原来为...原创 2019-02-10 19:26:21 · 3633 阅读 · 0 评论 -
有关不蒜子访问统计无法显示的解决方法
国庆已经过去好几天了,该学习的学习,该工作的工作了,今天我准备写写自己的个人博客,继续我的学习计划,可打开博客就懵逼了,我的不蒜子统计哪去了?刷新了几次也没有反应,咋回事儿?管他三七二十一,百度不蒜子,先去官网看看:哎!!!似乎发现问题了,官网写着:因七牛强制过期『dn-lbstatics.qbox.me』域名,与客服沟通无果,只能更换域名到『busuanzi.ibruce.info』!那...原创 2018-10-11 15:20:22 · 2260 阅读 · 0 评论 -
完美解决 bash: hexo: command not found
背景介绍:有好几天没动过 Hexo 博客了,今天准备更新的时候输入 hexo s,报错 bash: hexo: command not found,这是啥情况?以前都好好的,想了一下,大概是这几天折腾各种 Python 库的原因,也有可能是更新了啥东西出错了,实在是找不出其他原因了解决思路:本着能解决问题就不重装的原则,首先检查 nodejs 和 npm 是否正常,依次输入命令 node -...原创 2019-09-02 23:01:06 · 14971 阅读 · 4 评论