What's the equivalent of `imagesdir` for other asset files in Asciidoctor.js? - asciidoctor

I have a blog post written as an .adoc with my :imagesdir: set to blank (because the Hexo blogging system sets the post's relative url to the asset subfolder).
All my images load correctly, that's great. E.g.
image::patcher.png[]
But when I try to link to another file in my post's folder like
link:++animation.blend++[Blender project file]
the link is provided from the root of my site (incorrect).
How do I specify the root post folder for asset files, like I do the imagesdir folder for images please?

I asked on the github page too: https://github.com/hcoona/hexo-renderer-asciidoc/issues/9
For the moment, raw HTML is a workaround:
++++
<a href='animation.blend'>Blender project file</a>
++++

Related

Nuxtjs including images from assets using the content module

I am trying to use the nuxt.js Nuxt.js content module. Is there a way to display images we refer to in our blogpost.md file? I know that we can put images in the front matter, but I want the create of the articles to put images inside their created .md file. Lets say we have a file:
-- start of .md file --
# some text
some description
![Image of test](../../assets/images/test.jpg)
![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)# some text
some description
-- end of .md file --
I end up seeing the image that is linked using https. But the other image is not displayed?? When checking the page I see an <img> tag is created, but no image to be seen...
When I check the structure using any other markdown editor, I see the image.
Including links to images does display images. But I need to include locally stored images.
any help greatly appreciated
Partially solving the issue, some images can be added using metadata (like cover images), those cannot be added within the content itself, just above or bellow actual content.
---
title: Sample
image: test.jpg
---
Here the markdown (without images)
In the view you can render that image after or before the content using something like:
<img :src="require(`~/assets/images/${ page.image }`)">
<nuxt-content :document="page"/>

How to access images from a HTML page

how to access images from a html web page.
I am a newbie for linux and trying to learn
I have images in this location /shutterfly/web/htdocs/images
how to embed the image link in the html source code . anything I need to update in the httpd.conf file or .htaccess file
www.example.com/images/facebook.jpg
scenerio below in the source code
thanks
Raj
Can you explain you problem more nicely please.
I mean what's different in linux for adding images in html code.
We always use <a href = ""> for adding links or locations of images.
please explain your problem once more.

How to embed an image in windows target?

I tried to add embed = true in project xml like this:
<assets embed="true" path="Assets" rename="assets" include="*" exclude="openfl.svg" />
But if I try to delete an image from assets folder, then run the exe file, the image will not be displayed, thus, it still loaded form assets folder.
Can some one help?
Thanks every body, I found the answer of Joshua here Embeding and reading image assets when deploying to Windows
But who to know where to read about the answer in the openFL documentation?

Opening .pdf files using a <a href> link

I have a .pdf document in a folder called docs, that is inside of my WebContent folder.
I want to have a link to show the address to this file, so that when the user click it, he can see the document's content.
The code is this:
See document
When I execute it, I get the error:
HTTP Status 404 - /Web/docs/jsftutorial.pdf
I tested this with a .txt file, and it works, but why not with a .pdf?
Thank you!!
I found a tutorial on how to Read and open the PDF in a new browser window here:
http://balusc.blogspot.com.br/2006/05/pdf-handling.html
Now it works!

How to reference layout images in express.js so that they can be found from nested directories?

I've got an express.js app currently using ejs (using jade for newer projects) and I'm trying to solve a problem in a clean and appropriate manner.
I've got a layout.ejs file with my header and footer in it. Most of my site so far has been one layer deep http://innovationbound.com/about or /services or /amy and so on....
I'm beginning to created online courses at http://innovationbound.com/courses/course-name and the issue I'm having is that these course pages can't reference the images the same way. <img src="images/linknedin.png" alt="LinkedIn Icon"> for instance.
From the course-name page it tries <img src="courses/images/LinkedIn.png" alt="LinkedIn Icon"> and obviously can't grab the image there.
Is there a setting in express, or something obvious I'm missing? I hope I don't have to use absolute urls, that just makes developing on the local machine insane.
Just use site root–relative paths. For example <img src="/images/linknedin.png" alt="LinkedIn Icon">. Note the / makes the difference.
There are three types of link paths:
Absolute paths (such as http://www.adobe.com/support/dreamweaver/contents.html).
Document-relative paths (such as dreamweaver/contents.html).
Site root–relative paths (such as /support/dreamweaver/contents.html).
From Adobe.
You might consider it, but you can use "../images/link(n?)edin.png". However, I'd recommend to use absolute path, because images should be stored in /public (in general jade setup) and your path depth could be varied by your route rule.
As a tip, if you lost in relative path of image, right click on broken image and see a URL in properties on web browser. It'll give you a hint of where the image is.

Resources