Hexo 基础命令介绍


欢迎来到 Hexo! 这是你的第一篇文章。访问 documentation 来了解更多信息。
在使用 Hexo 的过程中如果你遇到了任何的问题,你可以在 troubleshooting 找到答案,
或者你可以在 GitHub 进行提问。

基本操作

创建新文章

$ hexo new "My New Post"

更多信息,请访问: Writing

运行本地服务器

$ hexo server
$ hexo s

更多信息,请访问: Server

生成静态网页文件

$ hexo generate
$ hexo g

更多信息,请访问: Generating

部署到远端网站

$ hexo deploy
$ hexo d

更多信息,请访问: Deployment

写作技巧

插入站内文章链接

{% post_link [文章文件名(不要后缀)] [文章标题(可选)] %}

插入图片

  1. 安装 hexo-asset-image
$ npm install hexo-asset-image --save
  1. 更新 _config.yaml
post_asset_folder: false
  1. 更新 /node_modules/hexo-asset-image/index.js 中的代码,详情请见链接
"use strict";
var cheerio = require("cheerio");

// http://stackoverflow.com/questions/14480345/how-to-get-the-nth-occurrence-in-a-string
function getPosition(str, m, i) {
  return str.split(m, i).join(m).length;
}

var version = String(hexo.version).split(".");
hexo.extend.filter.register("after_post_render", function (data) {
  var config = hexo.config;
  if (config.post_asset_folder) {
    var link = data.permalink;
    if (version.length > 0 && Number(version[0]) == 3)
      var beginPos = getPosition(link, "/", 1) + 1;
    else var beginPos = getPosition(link, "/", 3) + 1;
    // In hexo 3.1.1, the permalink of "about" page is like ".../about/index.html".
    var endPos = link.lastIndexOf("/") + 1;
    link = link.substring(beginPos, endPos);

    var toprocess = ["excerpt", "more", "content"];
    for (var i = 0; i < toprocess.length; i++) {
      var key = toprocess[i];

      var $ = cheerio.load(data[key], {
        ignoreWhitespace: false,
        xmlMode: false,
        lowerCaseTags: false,
        decodeEntities: false,
      });

      $("img").each(function () {
        if ($(this).attr("src")) {
          // For windows style path, we replace '\' to '/'.
          var src = $(this).attr("src").replace("\\", "/");
          if (!/http[s]*.*|\/\/.*/.test(src) && !/^\s*\//.test(src)) {
            // For "about" page, the first part of "src" can't be removed.
            // In addition, to support multi-level local directory.
            var linkArray = link.split("/").filter(function (elem) {
              return elem != "";
            });
            var srcArray = src.split("/").filter(function (elem) {
              return elem != "" && elem != ".";
            });
            if (srcArray.length > 1) srcArray.shift();
            src = srcArray.join("/");
            $(this).attr("src", config.root + link + src);
            console.info &&
              console.info("update link as:-->" + config.root + link + src);
          }
        } else {
          console.info && console.info("no src attr, skipped...");
          console.info && console.info($(this));
        }
      });
      data[key] = $.html();
    }
  }
});
  1. 使用 create 命令时自动创建同名文件夹用于存储图片

  2. 插入图片

![这是代替图片的文字,随便写](head.jpeg)

More info: Pictures


文章作者: 一汪白水
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 一汪白水 !
  目录