Hexo+gitee，NexT主题搭建个人博客首页图标为方框问题

最新推荐文章于 2023-08-03 10:36:44 发布
最新推荐文章于 2023-08-03 10:36:44 发布
阅读量324 收藏 1
点赞数
分类专栏： hexo博客问题 文章标签： http hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43094121/article/details/116550059
版权

Hexo+gitee，NexT主题搭建个人博客首页图标为方框问题

1.问题描述

使用Hexo+gitee搭建个人博客时，NexT主题使用的图标显示为方框

image-20210509003858988

2.原因

image-20210509004013268

Access to font at 'https://sleepker.gitee.io/lib/font-awesome/webfonts/fa-solid-900.woff2' from origin 'http://sleepker.gitee.io' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

字体访问:https://sleepker.gitee.io/lib/font-awesome/webfonts/fa-solid-900。Woff2 ' from origin 'http://sleepker.gitee。
请求的资源上没有“Access-Control-Allow-Origin”头信息。

一顿百度：发现是Ajax跨域访问导致的问题

具体参考：(23条消息) 跨域 No ‘Access-Control-Allow-Origin’ header is present on the requested resource._小花生编程-CSDN博客

3.解决方法

image-20210509004528924

注意到我当前的gitee默认域名为：http://sleepker.gitee.io/

猜想：将域名改成https会咋样？

image-20210509004746165

成功解决…

4.吐槽

image-20210509004952020

Gitee Pages 服务给的链接真坑啊…

-LDL
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hexo + gitee pages 搭建个人博客
booyoung的博客
03-12 5641
前言 工作也有两年多了,遇到问题google,stackoverflow,再加上blog基本上就都解决了。我们感觉解决问题如此简单，是因为有许许多多的开发者做着无私的分享。我们也应该把自己的经验，遇到问题的解决办法分享出来，促进这个圈子的良性循环。现在现成的博客站点各种广告，烦~，所以我们搭建自己可定制的私人免费博客。 一、简介 Hexo 是一个基于node.js开发的开源的静态博客框架，使用Ma...
hexo+gitee搭建个人博客
weixin_45964966的博客
08-20 1535
导语： 作为一个未来计算机行业的从事者，写博客是一个很有益处的事情。博客可以记录我们的学习历程，分享学习知识，也可以加深对技术的理解，坚持写博客的同时也是一件很有成就感的事情。相比于常见的博客工具，一些存在着大量的广告，一些是简陋的界面。这时，个人博客的优点便得以突出。今天和大家分享一下使用gitee+hexo来搭建个人博客。 hexo是什么？ Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。我们使用hexo来作
Hexo + Gitee 搭建个人博客
简说Python的博客
04-30 969
文章来源：一直学高阶摸鱼术作者：离不开的网网址：https://www.cnblogs.com/yizhixue-hx/环境搭建GitNode.js最新的 Node.js 已经集成了 ...
Hexo+Gitee搭建个人博客 —— 零基础Gitee部署
kris的博客
02-23 2035
Git Bash+Hexo+Gitee搭建个人博客 前言 个人标签： 大四学生 曾用名：Louis 现用名：Kris Spring SpringMVC MyBatis smm -ing Spring Boot -ing 开始写博客 乐于分享 熟知工具： for C/C++：VC++ 6.0 for Java：Eclipse、MyEclipse、IntelliJ IDEA 2019.2.4 fo...
hexo+gitee搭建blog
qq69496的博客
04-27 88
如果没有gitee账号，需要先到gitee官方注册 gitee:https://gitee.com/ 所需环境下载地址 node.js:https://nodejs.org/ hexo:https://hexo.io/ git:https://gitforwindows.org/ 搭建步骤 1.到node.js官网下载node.js相应版本并安装 2.下载git（gitforwindows） 3.在控制台输入以下命令，下载hexo，初始化博客 npm install hexo-cli -g //下载hex
【源码开放】Hexo+Github+Coding 博客butterfly 和 matery 主题 搭建完全教程【整理】
01-08
注意，本篇博客并不是从零手把手教你去搭博客，那样会很花费时间去写一篇文档，况且从零搭建的博客一搜也是一大把，太多重复的内容就没必要继续写了。因此，对于不知道怎么搭建的伙伴，我会提供我搭建时用到的学习...
Hexo + github page 实现搭建博客.pdf
08-20
Hexo + github page 实现搭建博客.pdf
hexo_butterfly_blog:使用Hexo + Butterfly主题搭建的博客
03-17
在这个项目“hexo_butterfly_blog”中，我们将深入探讨如何使用Hexo与Butterfly主题搭建一个个人博客。 首先，你需要在本地安装Node.js环境，因为Hexo依赖于Node.js。安装完成后，通过npm（Node包管理器）全局安装...
blog-hexo:基于hexo + hexo-theme-next 搭建博客源项目
05-20
blog-hexo基于hexo + hexo-theme-next 搭建博客源项目版本依赖信息：node: v8.16.1npm: v6.4.1pm2: v4.4.0hexo: v4.2.1hexo-cli: v3.1.0hexo-next: v5.1.4快速启动：拉取该项目，安装上述依赖，自定义相关配置，或是...
hexo +GitHub个人搭建的博客
08-04
- 对于个人博客，通常选择User Pages，创建一个新的公开仓库，名字为`<用户名>.github.io`，然后配置Hexo的部署目标为这个仓库。 6. **主题应用**： - Hexo有众多美观的主题可供选择，可以在`themes`目录下安装...
hexo+gitee搭建个人博客，手把手教学包括报错解决
prprprll的博客
05-09 1120
手把手帮助搭建hexo+gitee个人博客，帮助解决报错
使用hexo+gitee免费搭建个人博客全网最详细
极客鼠之家
03-28 2684
准备工作 windows安装nodejs windows安装git windows安装hexo 拥有gitee个人账户 配置信息 通过gitee创建博客仓库 登录gitee平台，进入主界面，右侧加号+，新建仓库，注意：仓库名称和gitee用户名称一致 生成/添加 SSH 公钥 码云 Gitee 、GitHub 提供了基于 SSH 协议的 Git 服务，在使用 SSH 协议访问仓库仓库之前，需要先配置好账户/仓库的 SSH 公钥 配置ssh账户和邮箱，邮箱不必与 GitHub、Gitee 账号相同，个人
gitee和hexo搭建个人博客
我是泛滥
09-02 349
首先准备软件： git (提供命令git) notepad++(方便编辑) nodejs(hexo依赖 安装# nodejs、git、notepad++安装过程省略。主要要说的是hexo的安装和配置。 Win+R-> 'cmd' 打开命令行 首先需要配置npm的国内源 npm config set registry https://registry.npm.taobao.org #配置国内的镜像源 cnpm info hexo # 测试查看hexo的安装信息，是否是taobao.org的源
20210826-Gitee+Hexo+NexT搭建个人博客
Bingin的博客
08-26 452
Gitee+Hexo+NexT搭建个人博客 一、准备 1.1 安装 node.js 参考： https://www.cnblogs.com/zhouyu2017/p/6485265.html Node.js简介 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
nginx配置跨域访问，无法生效
热门推荐
plq520的博客
07-24 4万+
问题描述 最近在配置nginx跨域问题上折腾了很长时间。网址开发通常将动态资源与静态资源分开，在A的服务器上需要去加载B服务器上的静态资源时通常就会遇到跨域的问题，如下加载字体静态文件 Access to Font at ‘http://bbb.cn/biz/fonts/iconfont.woff’ from origin ‘http://aaa.cn’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header i.
解决Gitee或者Github出现Access denied fatal: unable to access,The requested URL returned error: 403
adojayfan的博客
08-03 3174
要把某个项目push到码云上，已经设置了仓库地址，在最后一步直接报错。
nginx跨域问题记录
reblue520的专栏
01-30 344
nginx跨域问题记录 现象：访问 toolbox.chinasoft.com 提示如下：Access to Font at 'https://images.chinasoft.com/static-toolbox/style/fonts/global_iconfont.woff?iv41ks' from origin 'https://toolb...
Access to Image at '' from origin '' has been blocked by CORS policy：No Access-Control-Allow-Origin
detity的博客
03-05 1万+
图片跨域问题，访问不到前端添加 img.setAttribute('crossOrigin','anonymous');
apache字体文件跨域_font-face字体文件跨域解决办法
weixin_36308612的博客
02-06 880
当你在二级域名访问一级域名的字体文件时，浏览器会阻止并报提示已拦截跨源请求：同源策略禁止读取位于 https://www.dedehtml.com/fonts/fontawesome-webfont.woff?v=4.7.0 的远程资源。(原因：CORS 头缺少 'Access-Control-Allow-Origin')已拦截跨源请求：同源策略禁止读取位于 https://www.dedehtm...
gitee+hexo搭建个人博客
最新发布
08-27
你好！要在Gitee上搭建个人博客，你可以使用Hexo这个静态网站生成器。下面是一些步骤： 1. 注册一个Gitee账号，并创建一个新的仓库用于存储你的博客代码和内容。 2. 安装Node.js和Git，确保它们在你的电脑上可用。 3. 打开命令行工具，在你想要存储博客的文件夹中执行以下命令来安装Hexo： ``` npm install -g hexo-cli ``` 4. 初始化你的Hexo博客，执行以下命令： ``` hexo init <folder> cd <folder> npm install ``` 这里的 `<folder>` 是你的博客文件夹的名称，你可以根据自己的喜好来命名。 5. 修改Hexo的配置文件 `_config.yml`，设置你的博客信息、主题、仓库地址等。 6. 创建一篇新的文章，执行以下命令： ``` hexo new <title> ``` 这里的 `<title>` 是你文章的标题。 7. 在新创建的文章中编辑内容，使用Markdown语法来书写。 8. 生成静态网页，执行以下命令： ``` hexo generate ``` 9. 将生成的静态网页部署到Gitee仓库中，执行以下命令： ``` hexo deploy ``` 现在，你的个人博客已经搭建好了，并且可以通过访问你的Gitee仓库来查看。记得每次写完新文章后，都要执行步骤8和9来生成并部署更新的内容。希望这些步骤对你有帮助！如有任何问题，请随时向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值