解决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使用细节及各种问题相关推荐

  1. html给看板娘添加语音,如何给你的Jekyll博客添加可爱的二次元看板娘(Live2D)

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 有朋友问这个右下角的小东西是怎么弄出来的,今天就手把手教你.请往下看: Live2D Add the Sseexxyyy ...

  2. 安装Hexo博客并部署到GitHub或云服务器(细节教程,越过各种坑)

    前言 心血来潮买了云主机,浪费了几个月都没用,然后就学着搭建博客,对比了一下 WordPress 和 Hexo 之后,随性选择了以 Hexo 为框架搭建博客平台. 经过了几次的从零开始,遇到了各种各样 ...

  3. Hexo搭建git博客

    本文主要内容是本站博客使用Next主题的个性化定制和部分优化细节.最后搭建的博客. 注:如果上传到hexo搭建的gitblogshan上时,代码块内的html和js仍然会被解析,可以在代码块开头和结尾 ...

  4. 使用Hexo搭建个人博客的终极资料

    # 一.前言 Hexo 是一个基于 NodeJs 博客框架,可以快速的帮我们搭建一个博客系统,Hexo使用的是Markdown(下文简称MD)解析文章的,在几秒内即可利用靓丽的主体生成静态网页. 推荐 ...

  5. 使用github+hexo搭建静态blog

    解决了个人博客图片不显示问题. 解决了打开页面产生404问题. 学习了如何更换界面主题. 学习了如何使用Git. 注:这篇文章仅仅是入个门,了解一下怎么使用github+hexo创个静态blog,具体 ...

  6. 从Hexo迁移到Hugo附送漂亮的Hugo Theme主题

    从Hexo迁移到Hugo附送漂亮的Hugo Theme主题 自从Hugo出来后,作为Go语言(golang)的重度用户的重度用户,一直想把自己的博客迁移到Hugo,但是一直没有行动,主要原因在于,我的 ...

  7. hexo之next主题添加分类

    hexo之next主题添加分类 @(Hexo+Github) 当前博客主题用的是next最新版,最初是比较简陋的界面,一直放着没怎么动,测试了下Latex的显示效果没有达到在CSDN我的博客上的效果, ...

  8. 我使用Hexo+Github搭建Blog的经验

    小小目录 说在前面的话 本站介绍 一些细节 小小的提醒 :red_circle: npm Hexo Github HTML+CSS 所以 大尾巴 艾瑞克.史蒂文.雷蒙德&瑞克.莫恩 <提 ...

  9. Hexo+Github实现相册功能

    Hexo+Github实现相册功能 最终效果请看这里:http://lawlite.me/photos/ 一.说明 1.关于 我使用的主题是hexo-theme-yilia,其中实现相册功能的方案是同 ...

最新文章

  1. 爱因斯坦谜题解答(三种算法比较)
  2. Xamarin如何生成Android项目的APK
  3. 65条最常用正则表达式
  4. 怎么设置ppt页面的长度和宽度_在PPT中将照片变裸眼3D效果怎样操作?分享技巧,帮你快速实现...
  5. ideaIU-2018.1.5.win-scala 激活方式
  6. html语言table,HTML table 标签
  7. Codeforces 858A. k-rounding 数论
  8. [转]收集android上开源的酷炫的交互动画和视觉效果:Interactive-animation
  9. yii model层操作总结
  10. 使用vue实现自定义搜索功能
  11. 为什么Swift可能是深度学习的下一代重要的工具
  12. wincc服务器系统,什么情况下用wincc服务器与客户端
  13. KendoUI--Grid api 出现的问题
  14. 年轻人不要上来就说我要创业
  15. ufs2.1 android bench,一加UFS 3.0手机极限测试 对比UFS2.1测评
  16. dll 不是 PML.NET callable问题解决办法
  17. Powerbuilder混淆与加密器(powerbuilder防止反编译,pb混淆器,支持5-12) obfuscator for PowerBuilder...
  18. Java线程状态转化
  19. 将任意自然数分解为质数的乘积(Java实现)
  20. WPS JS详细教程

热门文章

  1. oracle回滚事务的关键字,Oracle ROLLBACK语句(回滚事务)
  2. cheetah的中文_cheetah是什么意思_cheetah的翻译_音标_读音_用法_例句_爱词霸在线词典...
  3. js input 自动换行_深入Slate.js - 拯救 ContentEditble
  4. vue-cli3.0使用及配置(部分)
  5. 笑郭网络验证3.8研究笔记(内有视频教程)
  6. 内置函数——filter和map
  7. Winform控件扩展
  8. background-clip与background-origin
  9. css3制作炫酷导航栏效果 转
  10. 《构建之法》--阅读(第13章-第17章)