hexo与语雀搭配使用（小白版）

归2022-01-092024-01-14

简介

hexo 是一个很好用的博客框架，但却少好用的编辑器。笔者用过很多的博客框架，最喜欢 WordPress 的编辑器。有一次笔者在网上冲浪时，发现了小冰大佬的文章，用语雀搭配 hexo 使用，奈何笔者是一个小白，在笔者的尝试之下，找到了一个简单的方法。

什么是语雀？

「语雀」是一个「专业的云端知识库」，孵化自蚂蚁金服，是体验科技理念下的一款创新产品，已是 10 万阿里员工进行文档编写、知识沉淀的标配。

用语雀对我们有什么好处？

我们可以在语雀上进行书写，后部署到自己的博客，在这过程中我们可以使用语雀的 cdn（白嫖），同时也可以体会用富文本编辑器编辑的快感。

部署

准备

在本地搭配好 hexo 环境（本文以 CentOS 为例子）

安装 node.js

1	yum install nodejs+主板本号

安装 hexo

1	npm install hexo-cli -g

4.初始化根目录（详情参见hexo 主题官方目录）

1
2
3

hexo init myblog
cd myblog
npm install

5.前往语雀官网注册账号

开始部署语雀与 hexo

语雀仓库相关配置·

登录语雀官网，点击知识库 → 创建知识库（互联网可见）
导入服务器上根目录下_posts 下内容（如果未新配置站点可跳过此步骤），如果文章过多，可以将整个_posts 目录压缩上传至语雀仓库（后续同步语雀仓库会删除本地_posts 下内容）
创建模板（方便后面编写文章）点击右上角新建 → 新建模板（文档）

在模板中，放置以下内容

---
title: 测试功能
tags:
  - Github
  - CF
  - 教程
  - 测试
  - 试验室
abbrlink: 6a7d
categories:
  - 建站
  - 教程
author: stars
date: 2021-12-30 18:05:00
---

abbrlink 需要安装插件支持
如果提示是否进行格式转换，请勿装换！！！

配置本地环境

安装插件

1	npm i -g yuque-hexo

修改站点根目录下 package.json 文件

{

 ...

  "scripts": {
    "start": "yuque-hexo clean && yuque-hexo sync && hexo clean && hexo generate && hexo d",
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },

 ...

  "yuqueConfig": {
    "postPath": "source/_posts/yuque",
    "cachePath": "yuque.json",
    "mdNameFormat": "slug",
    "adapter": "markdown",
    "concurrency": 5,
    "baseUrl": "https://www.yuque.com/api/v2",
    "login": "个人路径",
    "repo": "仓库名",
    "token": "***********************",
    "onlyPublished": true,
    "onlyPublic": true,
    "lastGeneratePath": "lastGeneratePath.log"
  }