AsciiDoc과 PlantUML에서 Blog를 작성하고 싶습니다.

무엇 사용?

Hexo에서 블로그 만들기

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo generate
hexo server

AsciiDoc 지원

npm install hexo-renderer-asciidoc --save

hexo clean
hexo new example

mv source/_posts/example.md source/_posts/example.adoc
vim source/_posts/example.adoc

---
title: example
date: 2019-08-30 21:15:40
tags:
---

= Title

== SubTitle

* abc
** def
*** ghi

[source,js]
----
var express = require('express')
var app = express()

// respond with "hello world" when a GET request is made to the homepage
app.get('/', function (req, res) {
  res.send('hello world')
})
----

hexo generate
hexo server

테마 변경

git clone https://github.com/HoverBaum/meilidu-hexo.git themes/meilidu

- theme: landscape
+ theme: meilidu

hexo generate
hexo server

PlantUML 지원

npm install --save hexo-filter-plantuml

vim node_modules/hexo-filter-plantuml/lib/renderer.js

const plantuml = require('./plantuml');

//var reg = /(\s*)(```) *(puml|plantuml) *\n?([\s\S]+?)\s*(\2)(\n+|$)/g;
var reg = /(\s*)\[(source),(plantuml)\] *\n---- *\n([\s\S]+?)\s*\n(----)(\n+|$)/g;

function ignore(data) {
  var source = data.source;
  var ext = source.substring(source.lastIndexOf('.')).toLowerCase();
  return ['.js', '.css', '.html', '.htm'].indexOf(ext) > -1;
}

exports.before = function (data) {
  if (!ignore(data)) {
    data.content = data.content
      .replace(reg, function (raw, start, startQuote, lang, content, endQuote, end) {
        var compress_content = plantuml.compress(content);
        //return start + '<img src="' + compress_content + '" />' + end;
        return start + 'image::' + compress_content + '[width="640"]';
      });
  }
};

hexo generate
hexo server

요약