How to render single post with theme ? #5418

dimaslanjaka · 2024-02-11T08:25:17Z

dimaslanjaka
Feb 11, 2024

I have script to render single post markdown.

const path = require('path');
const Bluebird = require('bluebird');
const Hexo = require('hexo');
const hexo = new Hexo(base, { silent: true });

// the actual path of your post
const postToRender = 'post-path-from-source-_posts.md';

// Initialize Hexo
hexo
  .init()
  // load plugins
  .then(() => {
    return Bluebird.all(['hexo-seo', 'hexo-renderers']).each((pluginName) => {
      return hexo.loadPlugin(require.resolve(pluginName, { paths: [base] }));
    });
  })
  .then(() => {
    // Load the Hexo database
    return hexo.load();
  })
  .then(async () => {
    // render post path
    const post = await hexo.post.render(path.join(base, 'source/_posts', postToRender));
    console.log(post.content); // output post html without theme
  })
  .catch((err) => {
    console.error(err);
  })
  .finally(() => {
    // Stop Hexo gracefully
    return hexo.exit();
  });

how to render the post with theme and output the html result ?

@SukkaW @stevenjoezhang

Answered by dimaslanjaka

Oct 11, 2024

'use strict';

const fs = require('fs-extra');
const Hexo = require('hexo');
const path = require('path');

const rootDir = path.join(__dirname, 'test-site');
fs.ensureDirSync(path.join(rootDir, 'tmp'));

const hexo = new Hexo(rootDir, { silent: false, debug: true, safe: true });

const main = async () => {
  await hexo.init();
  await hexo.load();

  // Debugging: log resolved plugin path
  const pluginPath = path.join(__dirname, '../dist/index.cjs');
  console.log('Resolved plugin path:', pluginPath);

  try {
    const resolvedPluginPath = require.resolve(pluginPath);
    console.log('Resolved full plugin path:', resolvedPluginPath);

    if (!resolvedPluginPath) {
      throw new Error(…

View full answer

dimaslanjaka · 2024-10-11T04:12:37Z

dimaslanjaka
Oct 11, 2024
Author

'use strict';

const fs = require('fs-extra');
const Hexo = require('hexo');
const path = require('path');

const rootDir = path.join(__dirname, 'test-site');
fs.ensureDirSync(path.join(rootDir, 'tmp'));

const hexo = new Hexo(rootDir, { silent: false, debug: true, safe: true });

const main = async () => {
  await hexo.init();
  await hexo.load();

  // Debugging: log resolved plugin path
  const pluginPath = path.join(__dirname, '../dist/index.cjs');
  console.log('Resolved plugin path:', pluginPath);

  try {
    const resolvedPluginPath = require.resolve(pluginPath);
    console.log('Resolved full plugin path:', resolvedPluginPath);

    if (!resolvedPluginPath) {
      throw new Error('Plugin file not found or could not be resolved.');
    }

    await hexo.loadPlugin(resolvedPluginPath);
  } catch (error) {
    console.error('Error resolving or loading plugin:', error);
    return;
  }

  const { compile } = Object.assign({}, hexo.extend.renderer.store.njk);
  // Setup layout
  const view = new hexo.theme.View('test.njk', ['<html>', '{{ content }}', '</html>'].join('\n'));
  // Restore compile function
  hexo.extend.renderer.store.njk.compile = compile;
  // render post path
  const postPath = path.join(__dirname, 'test-site/source/markdown-it/math.md');
  const renderData = await hexo.post.render(postPath, {
    content: fs.readFileSync(postPath, 'utf-8'),
    engine: 'markdown'
  });
  // const body = ['layout: test', '---', '', content].join('\n');
  const result = await view.render({
    ...renderData,
    config: hexo.config,
    page: {}
  });
  console.log(result);
  await hexo.exit();
};

main();

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Hexo

How to render single post with theme ? #5418

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment

{{title}}

Select a reply

Hexo

How to render single post with theme ? #5418

dimaslanjaka Feb 11, 2024

Replies: 1 comment

dimaslanjaka Oct 11, 2024 Author

dimaslanjaka
Feb 11, 2024

dimaslanjaka
Oct 11, 2024
Author