draft

src/ResourceLinkConverter.ts

@@ -10,13 +10,22 @@ export class ResourceLinkConverter implements Converter {
   private readonly absolutePath: string;
   private readonly attachmentsFolder: string;
   private readonly relativeResourcePath: string;
+  private readonly liquidFilterOptions: { useRelativeUrl: boolean };
 
-  constructor(fileName: string, resourcePath: string, absolutePath: string, attachmentsFolder: string, relativeResourcePath: string) {
+  constructor(
+    fileName: string,
+    resourcePath: string,
+    absolutePath: string,
+    attachmentsFolder: string,
+    relativeResourcePath: string,
+    liquidFilterOptions?: { useRelativeUrl: boolean },
+  ) {
     this.fileName = fileName;
     this.resourcePath = resourcePath;
     this.absolutePath = absolutePath;
     this.attachmentsFolder = attachmentsFolder;
     this.relativeResourcePath = relativeResourcePath;
+    this.liquidFilterOptions = liquidFilterOptions ?? { useRelativeUrl: false };
   }
 
   convert(input: string): string {

src/jekyll/chirpy.ts

@@ -13,6 +13,10 @@ import { CurlyBraceConverter } from '../CurlyBraceConverter';
 import JekyllSettings from './settings/JekyllSettings';
 import { convertFileName } from '../FilenameConverter';
 
+interface LiquidFilterOptions {
+  useRelativeUrl: boolean;
+}
+
 export async function convertToChirpy(plugin: O2Plugin) {
   const settings = plugin.jekyll as JekyllSettings;
   try {
@@ -31,6 +35,7 @@ export async function convertToChirpy(plugin: O2Plugin) {
         vaultAbsolutePath(plugin),
         plugin.obsidianPathSettings.attachmentsFolder,
         settings.jekyllRelativeResourcePath,
+        { useRelativeUrl: false } as LiquidFilterOptions,
       );
       const curlyBraceConverter = new CurlyBraceConverter(
         settings.isEnableCurlyBraceConvertMode,

src/settings.ts

@@ -36,14 +36,14 @@ export class O2SettingTab extends PluginSettingTab {
       text: 'Settings for O2 plugin',
     });
 
-    this.containerEl.createEl('h2', {
+    this.containerEl.createEl('h3', {
       text: 'Path Settings',
     });
     this.addReadyFolderSetting();
     this.addArchiveFolderSetting();
     this.addAttachmentsFolderSetting();
 
-    this.containerEl.createEl('h2', {
+    this.containerEl.createEl('h3', {
       text: 'Features',
     });
     this.enableCurlyBraceSetting();
@@ -52,14 +52,18 @@ export class O2SettingTab extends PluginSettingTab {
     this.enableAutoArchiveSetting();
 
     // jekyll settings
-    this.containerEl.createEl('h2', {
+    this.containerEl.createEl('h3', {
       text: 'Jekyll',
     });
     this.addJekyllPathSetting();
     this.addJekyllRelativeResourcePathSetting();
+    //// liquidFilter;
+    this.containerEl.createEl('h5', {
+      text: 'Liquid Filter',
+    });
 
     // docusaurus settings
-    this.containerEl.createEl('h2', {
+    this.containerEl.createEl('h3', {
       text: 'Docusaurus',
     });
     this.addDocusaurusPathSetting();

src/tests/ResourceLinkConverter.test.ts

@@ -132,3 +132,21 @@ _This is a test image._
   });
 
 });
+
+describe('liquid filter', () => {
+  it('should enable a relative_url', () => {
+    const converter = new ResourceLinkConverter(
+      '2023-01-01-post-mock',
+      'assets',
+      'test',
+      'attachments',
+      'assets',
+      { useRelativeUrl: true },
+    );
+
+    const context = `![[test.png]]`;
+    const result = converter.convert(context);
+
+    expect(result).toEqual(`![image]({{ "/assets/2023-01-01-post-mock/test.png" | relative_url }})`);
+  });
+});