Hexo使用细节及各种问题
解决markdown图片不显示(返回403 forbidden)、添加本地图片无法显示、修改文章page模板、同时部署发布同步到多个仓库站点(Github、coding、gitee 码云)
图片不显示
在使用过程中,会发现有的引用图片无法显示的问题。但是如果直接复制图片地址到浏览器打开的话显示正常
403 forbidden,说明了这个网络资源这样获取是被拒绝的,那么通过简单的百度,找到了相关的解决方法,并去实际尝试:
解决方法 :只需要在头部添加一个meta
<meta name="referrer" content="no-referrer" />
当然在Hexo中呢,应该在你的 md文件中添加meta,如下:
---
title: test
date: 2018-09-01 14:38:14
tags: test,测试
description: 测试
---<meta name="referrer" content="no-referrer" /># 这是一篇测试文章
## 内容
这样只要你在每篇文章中添加这行meta就可以解决图片不显示的问题啦!
修改文章模板
每当你使用命令
hexo new '文章名称'
新建一篇文章时,你可能需要在里面书写
<!--more-->
,或者还要写 meta,这样你会觉得很麻烦。所以这里我说下修改模板的方法,解决你每次都要写重复的内容
- 打开你的博客目录下的
scaffolds
-
post.md
文件
它默认是这样的:
---
title: {{ title }}
date: {{ date }}
tags:
---
你可以将每次重复书写的内容放在里面,这样每次新建的时候都要按这个模板生成。我的模板如下:
---
title: {{ title }}
date: {{ date }}
tags:
description:
---<meta name="referrer" content="no-referrer" /><!--more-->
同时发布到多个仓库
Github毕竟是国外的网站,在国内访问会受到不少限制,这时候你可以选择 <coding.net> 来发布自己的博客。但是又想两个都发布,最好还是写一篇能同时发布到这两个站点
这个是当然没有问题的!但是一个站点只可以部署一个网站,因为它会校验SSH key的唯一性,不可以重复。下面看下具体步骤
1、首先你需要注册一个 coding ,新建一个项目
要求项目名称:
你的用户名.coding.me
(这里域名是coding.me,不是coding.net)
新建完项目后,点项目的
代码
-
Pages服务
-
一键开启静态Pages
开启成功
2、打开
个人设置
-
SSH公钥
-
新增公钥
3、将上次部署Hexo时生成的Hexo密钥拷贝到这里,路径为
你的用户目录/.ssh/id_rsa.pub
。如果没有这个文件的话,可以根据我发布的 hexo github搭建教程 中 配置SSH key
这个 SSH key 一定要在github、coding中一致,所以会共用
id_rsa.pub
中的key。
4、添加完成后,我们测试下连接
打开
git-cmd
/
git-bash
/
cmd
,运行命令:
ssh -T git@git.coding.net
5、配置
_config.yml
打开 博客目录下的
_config.yml
,修改
deploy
deploy:type: gitrepo:github: git@github.com:你的用户名/仓库地址.git,mastercoding: git@git.coding.net:你的用户名/仓库地址.git,master##码云gitee: git@git.oschina.net:用户名/仓库地址.git,master
6、发布
运行
git-cmd
,转到博客目录,生成并上传仓库
hexo d -g
现在你的博客网站就可以访问啦!
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=c010kj&title=Hexo使用细节及各种问题
Hexo使用细节及各种问题相关推荐
- html给看板娘添加语音,如何给你的Jekyll博客添加可爱的二次元看板娘(Live2D)
8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 有朋友问这个右下角的小东西是怎么弄出来的,今天就手把手教你.请往下看: Live2D Add the Sseexxyyy ...
- 安装Hexo博客并部署到GitHub或云服务器(细节教程,越过各种坑)
前言 心血来潮买了云主机,浪费了几个月都没用,然后就学着搭建博客,对比了一下 WordPress 和 Hexo 之后,随性选择了以 Hexo 为框架搭建博客平台. 经过了几次的从零开始,遇到了各种各样 ...
- Hexo搭建git博客
本文主要内容是本站博客使用Next主题的个性化定制和部分优化细节.最后搭建的博客. 注:如果上传到hexo搭建的gitblogshan上时,代码块内的html和js仍然会被解析,可以在代码块开头和结尾 ...
- 使用Hexo搭建个人博客的终极资料
# 一.前言 Hexo 是一个基于 NodeJs 博客框架,可以快速的帮我们搭建一个博客系统,Hexo使用的是Markdown(下文简称MD)解析文章的,在几秒内即可利用靓丽的主体生成静态网页. 推荐 ...
- 使用github+hexo搭建静态blog
解决了个人博客图片不显示问题. 解决了打开页面产生404问题. 学习了如何更换界面主题. 学习了如何使用Git. 注:这篇文章仅仅是入个门,了解一下怎么使用github+hexo创个静态blog,具体 ...
- 从Hexo迁移到Hugo附送漂亮的Hugo Theme主题
从Hexo迁移到Hugo附送漂亮的Hugo Theme主题 自从Hugo出来后,作为Go语言(golang)的重度用户的重度用户,一直想把自己的博客迁移到Hugo,但是一直没有行动,主要原因在于,我的 ...
- hexo之next主题添加分类
hexo之next主题添加分类 @(Hexo+Github) 当前博客主题用的是next最新版,最初是比较简陋的界面,一直放着没怎么动,测试了下Latex的显示效果没有达到在CSDN我的博客上的效果, ...
- 我使用Hexo+Github搭建Blog的经验
小小目录 说在前面的话 本站介绍 一些细节 小小的提醒 :red_circle: npm Hexo Github HTML+CSS 所以 大尾巴 艾瑞克.史蒂文.雷蒙德&瑞克.莫恩 <提 ...
- Hexo+Github实现相册功能
Hexo+Github实现相册功能 最终效果请看这里:http://lawlite.me/photos/ 一.说明 1.关于 我使用的主题是hexo-theme-yilia,其中实现相册功能的方案是同 ...
最新文章
- 爱因斯坦谜题解答(三种算法比较)
- Xamarin如何生成Android项目的APK
- 65条最常用正则表达式
- 怎么设置ppt页面的长度和宽度_在PPT中将照片变裸眼3D效果怎样操作?分享技巧,帮你快速实现...
- ideaIU-2018.1.5.win-scala 激活方式
- html语言table,HTML table 标签
- Codeforces 858A. k-rounding 数论
- [转]收集android上开源的酷炫的交互动画和视觉效果:Interactive-animation
- yii model层操作总结
- 使用vue实现自定义搜索功能
- 为什么Swift可能是深度学习的下一代重要的工具
- wincc服务器系统,什么情况下用wincc服务器与客户端
- KendoUI--Grid api 出现的问题
- 年轻人不要上来就说我要创业
- ufs2.1 android bench,一加UFS 3.0手机极限测试 对比UFS2.1测评
- dll 不是 PML.NET callable问题解决办法
- Powerbuilder混淆与加密器(powerbuilder防止反编译,pb混淆器,支持5-12) obfuscator for PowerBuilder...
- Java线程状态转化
- 将任意自然数分解为质数的乘积(Java实现)
- WPS JS详细教程
热门文章
- oracle回滚事务的关键字,Oracle ROLLBACK语句(回滚事务)
- cheetah的中文_cheetah是什么意思_cheetah的翻译_音标_读音_用法_例句_爱词霸在线词典...
- js input 自动换行_深入Slate.js - 拯救 ContentEditble
- vue-cli3.0使用及配置(部分)
- 笑郭网络验证3.8研究笔记(内有视频教程)
- 内置函数——filter和map
- Winform控件扩展
- background-clip与background-origin
- css3制作炫酷导航栏效果 转
- 《构建之法》--阅读(第13章-第17章)