【 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 评论