李世德的博客

我有故事,你有酒吗?

0%

hexo 博客搭建后的几点实用技巧和修改

总结 hexo 博客搭建后的几点实用技巧和修改,记录下来,同时分享给遇到同样问题的人。

博文中添加图片

方式一:本地调用

  1. 修改 Hexo 的配置文件 _config.yml 中的 post_asset_folder 为 true

  2. 安装可以上传本地图片的插件,命令为:

    1
    npm install hexo-asset-image --save

这样在以后创建博文时,即可同时生成一个同名的文件夹。将资源文件放入此文件夹,按照 markdown 的格式引入图片: ![提示文字](图片名.jpg),类似引用相对路径。

方式二:外链

上面使用本地调用的方式比较简单,但在写了十几篇文章后,我换成了外链的方式。外链的优点是统一管理,本地调用管理比较混乱,外链可以被用在多个地方,不必再做多余修改,本地的 markdown 编辑器也能直接看到使用的资源。
使用的是七牛云做资源托管,有免费空间,足够了。使用方法也比较简单,可以参考Hexo文章图片存储选七牛

多标签(tag)添加

格式为:

1
tags: [tag1, tag2]]

Ps:冒号和逗号后面要有一个空格。

或者:

1
2
3
tags:
- tag1
- tag2

文章太长,截断文字,只显示一部分

在配置文件中看到有一条设置是文章太长,截断按钮文字,以为自动会截断文字呢,结果前几天发现自己的博客主页的文章每篇都是全文显示的,而别人的只显示部分简洁的描述,查资料才发现,原来是要在文章中需要截断的地方加上 <!--more--> 标记。
这样每次添加这个标记有点麻烦,有网友分享了自动添加 read more 标记的方法,但可能会导致某些问题,喜欢折腾的可以参考一下,Hexo 自动添加 Read More 标记

如果你想因此 “more”按钮,做法很简单,修改 excerpt_link 参数,将单词 more 换成空格。

Hexo 博客网址使用全英文路径

参考自:如何让你的Hexo博客网址使用全英文路径

  1. 站点配置文件中,设置 permalink: :year/:id/
  2. .\scaffolds\post.md中增加:

    1
    id:
  3. 在博文中,设置该博文的 id 即可,可使用任意字符串。例如:

    1
    id: abc-123456

    以自己喜欢的方式为博文命名,强烈建议不要使用纯数字作为 id。

为了博客网址是全英文路径,已将所有博文的文件名改为英文的了,简单粗暴,其实也是一种进步吧,尽量使用英文来命名标题(博客文章的标题是由里面的title决定的)。

Hexo 不渲染 .html

终于找到解决方法了。
在添加 Google 站长验证的时候,需要把一个 html 放到 source 目录下,然后部署到服务器上。但每次都会把这个验证文件渲染成带有边框样式的文件,导致 Google 站长工具验证失败,无法统计数据。
在不想被渲染的 html 文件最上面添加如下代码:

1
2
3
---
layout: false
---

参考自:Hexo不渲染.md或者.html