专栏首页happyJaredHexo,添加标题翻译插件

Hexo,添加标题翻译插件

文章背景

  hexo生成的默认文章链接格式是这样的:https://blog.mariojd.cn/2013/07/14/<Markdown file name>/,这个配置在hexo根目录下的_config.yml里面:permalink: :year/:month/:day/:title/,这种默认的配置缺点很明显,当文件名是中文的时候url链接里就有中文出现,看起来low的同时也非常不利于seo优化,下面介绍两种解决方案。

Before

After

方案一:添加urlname属性(手动)

  在md文件的Front-matter区域新增urlname属性,可以是文章的英文Title也可以是其它自定义标识,所以每次编写Markdown你都得这么做,参考如下:

---
title: 解决百度蜘蛛无法爬取Hexo博客的问题
urlname: solve-the-problem-that-baidu-spider-cannot-crawl-hexo-blog
date: 2018-6-28 
categories: hexo
author: Jared Qiu
tags: hexo
cover_picture: http://xxx.xx/xxx.jpg
top: 1
---

方案二:利用hexo插件(自动)

  在hexo plugins搜索“link”,已经有几个插件可以将url转换成不同的格式(如下),我这里选用了hexo-translate-title,也是觉得这个比较适合自身风格。

  • hexo-translate-title: Translate the chinese title of Hexo blog to english words automatially
  • hexo-permalink-pinyin: A Hexo plugin which convert Chinese title to transliterate permalink.
  • hexo-abbrlink: Auto create one and only link for every post for hexo
  • hexo-number-title: The hexo blog post url is displayed as a number.

  下面简单介绍一下安装操作过程。

安装

    // 用cnpm会比较好
    npm install hexo-translate-title --save

配置

  修改hexo根项目下的_config.yml,建议用google翻译毕竟贴地气,但实测并不稳定,所以也可以用baidu_no_appid,这样也不需要额外的认证配置。

translate_title:
  translate_way: google  # google,youdao,baidu_with_appid,baidu_no_appid
  is_need_proxy: false     # true | false
  # proxy_url: http://localhost:50018 # Your proxy_url
  # youdao_api_key: '' # Your youdao_api_key
  # youdao_keyfrom: xxxx-blog # Your youdao_keyfrom
  # baidu_appid: '' # Your baidu_appid
  # baidu_appkey: '' # Your baidu_appkey
# 修改原链接格式:permalink: :year/:month/:day/:title/
permalink: :year:month:day/:translate_title.html

测试

  用hexo d重新生成,留意控制台输出以及public目录下是否有生成相应的<hexo-translate-title>.html文件,如果有代表成功了,再用hexo d部署即可。

记坑

  按上述流程安装、配置和部署,但生成的链接都是undefined.html,随后给作者提issue,回复后留意hexo g输出,并且看了源码,用hexo config查看配置信息后未发现问题,最终定位为Google翻译服务的不稳定。

相关链接

hexo-translate-title - GitHub hexo-abbrlink介绍 hexo链接持久化终极解决之道 hexo-abbrlink - GitHub

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Hexo整合GitHub Pages

      Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    happyJared
  • Hexo,使用bat脚本部署文章

      熟悉Hexo的朋友都知道,写好的Markdown文章应该放到hexo安装目录的source\_posts文件夹下,然后使用命令hexo g -d或者是hex...

    happyJared
  • 解决百度蜘蛛无法爬取Hexo博客的问题

      由于GitHub Pages是拒绝百度爬虫爬取的,包括用Hexo或Jekyll搭建的博客,因此你的站点再怎么SEO优化,这在国内也是收录和搜索不到的。本文介...

    happyJared
  • hexo常用命令

    Hexo 约有二十个命令,但普通用户经常使用的只有下列几个: hexo s hexo s是hexo server的缩写,命令效果一致;启动本地服务器,用于预览主...

    xiangzhihong
  • hexo初始化

    caoayu
  • 使用hexo在GitHub上搭建个人博客

    Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    没有故事的陈师傅
  • Linux下搭建HEXO博客教程

    参考 https://segmentfault.com/a/1190000002632530

    Jean
  • 手把手教你搭建个人博客

    hexo + Gitee搭建个人博客 (Hexo和GitHub类似,但是访问比较慢)

    千羽
  • Hexo整合GitHub Pages

      Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    happyJared
  • Mac下体验Hexo与Github Pages搭建

    很久之前就知道Github可以发布自己的博客,因为仅支持静态文件,一直懒于动手自己进行编辑。再了解到还存在 JekyII 和 Hexo 这样的内容生成框架后,终...

    大江小浪

扫码关注云+社区

领取腾讯云代金券