欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Hexo使用细节及各种问题

程序员文章站 2022-10-05 08:09:41
解决markdown图片不显示(返回403 forbidden)、添加本地图片无法显示、修改文章page模板、同时发布到多个仓库站点(Github coding.net) ......

解决markdown图片不显示(返回403 forbidden)、添加本地图片无法显示、修改文章page模板、同时发布同步到多个仓库站点(github coding)

图片不显示

在使用过程中,会发现有的引用图片无法显示的问题。但是如果直接复制图片地址到浏览器打开的话显示正常

Hexo使用细节及各种问题

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 文件

Hexo使用细节及各种问题

它默认是这样的:

---
title: {{ title }}
date: {{ date }}
tags:
---

你可以将每次重复书写的内容放在里面,这样每次新建的时候都要按这个模板生成。我的模板如下:

---
title: {{ title }}
date: {{ date }}
tags:
description: 
---

<meta name="referrer" content="no-referrer" />



<!--more-->

同时发布到多个仓库

github毕竟是国外的网站,在国内访问会受到不少限制,这时候你可以选择 <coding.net> 来发布自己的博客。但是又想两个都发布,最好还是写一篇能同时发布到这两个站点

这个是当然没有问题的!但是一个站点只可以部署一个网站,因为它会校验ssh key的唯一性,不可以重复。下面看下具体步骤

1、首先你需要注册一个 ,新建一个项目

Hexo使用细节及各种问题

要求项目名称: 你的用户名.coding.me (这里域名是coding.me,不是coding.net)

Hexo使用细节及各种问题

新建完项目后,点项目的 代码 - pages服务 - 一键开启静态pages

Hexo使用细节及各种问题

开启成功

Hexo使用细节及各种问题

2、打开 个人设置 - ssh公钥 - 新增公钥

Hexo使用细节及各种问题

3、将上次部署hexo时生成的hexo密钥拷贝到这里,路径为 你的用户目录/.ssh/id_rsa.pub 。如果没有这个文件的话,可以根据我发布的 hexo+github搭建教程 中 配置ssh key

Hexo使用细节及各种问题

Hexo使用细节及各种问题

这个 ssh key 一定要在github、coding中一致,所以会共用 id_rsa.pub 中的key。

4、添加完成后,我们测试下连接

打开 git-cmd / git-bash / cmd ,运行命令: ssh -t git@git.coding.net

Hexo使用细节及各种问题

5、配置 _config.yml

打开 博客目录下的 _config.yml ,修改 deploy

deploy:
  type: git
  repo:
    github: git@github.com:你的用户名/你的用户名.github.io.git,master
    coding: git@git.coding.net:你的用户名/你的用户名.coding.me.git,master

Hexo使用细节及各种问题

6、发布

运行 git-cmd' ,转到博客目录,生成并上传仓库hexo d -g`

Hexo使用细节及各种问题

现在你的博客网站就可以访问啦!