You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.8 KiB
78 lines
2.8 KiB
+++ |
|
title = "Image links" |
|
date = 2017-07-15T07:49:44-04:00 |
|
tags = ["image"] |
|
draft = false |
|
+++ |
|
|
|
This is some text before the first heading of this post. |
|
|
|
|
|
## Unclickable image (works!) {#unclickable-image--works} |
|
|
|
{{<figure src="/images/org-mode-unicorn-logo.png">}} |
|
|
|
--- |
|
|
|
~~To be fixed~~ (**Now fixed**): The sub-headings in a post get exported as _Heading 1_ |
|
instead of _Heading 2_. |
|
|
|
For example, this sub-section's heading is exported as: |
|
|
|
```text |
|
# Unclickable image |
|
``` |
|
|
|
instead of |
|
|
|
```text |
|
## Unclickable image |
|
``` |
|
|
|
--- |
|
|
|
**Solution**: Above is fixed by setting `HUGO_OFFSET_LEVEL` to 1. |
|
|
|
So the sub-heading title and the post title both get the _Heading 1_ |
|
tag and look the same size. |
|
|
|
|
|
## Clickable link that opens the image (works!) {#clickable-link-that-opens-the-image--works} |
|
|
|
[Click here to see the unicorn](/images/org-mode-unicorn-logo.png) |
|
|
|
|
|
## Clickable image that opens the image (works!) {#clickable-image-that-opens-the-image--works} |
|
|
|
Click below image to jump to the unicorn image. |
|
[{{<figure src="/images/org-mode-unicorn-logo.png">}}](/images/org-mode-unicorn-logo.png) |
|
|
|
- **NOTE:** `file:` has to be used in both Link and Description components |
|
of the Org link. |
|
|
|
|
|
## Image with `ATTR_HTML` [Issue # 17](https://github.com/kaushalmodi/ox-hugo/issues/17) {#image-with-attr-html-issue-17} |
|
|
|
{{<figure src="/images/org-mode-unicorn-logo.png" class="inset">}} |
|
|
|
[Discussion](https://github.com/kaushalmodi/ox-hugo/issues/17#issuecomment-313627728) |
|
|
|
|
|
## Link to image outside of standard Hugo `static` directory {#link-to-image-outside-of-standard-hugo-static-directory} |
|
|
|
{{<figure src="/images/copy-of-unicorn-logo.png">}} |
|
|
|
If you link to files outside of the Hugo `static` directory, ensure |
|
that the path contains `/static/` if you would like to preserve the |
|
directory structure. |
|
|
|
Example translations between outside `static` directory paths to the |
|
copied location inside `static`: |
|
|
|
Outside `static` | Copied-to location inside `static` | Explanation |
|
---------------------------------|-------------------------------------------|----------------------------------------------------------------------------------------------------------------------- |
|
`~/temp/static/images/foo.png` | `<HUGO_BASE_DIR>/static/images/foo.png` | If the **outside** path has `/static/` in it, the directory structure after that is preserved when copied. |
|
`~/temp/static/img/foo.png` | `<HUGO_BASE_DIR>/static/img/foo.png` | (same as above) |
|
`~/temp/static/foo.png` | `<HUGO_BASE_DIR>/static/foo.png` | (same as above) |
|
`~/temp/static/articles/zoo.pdf` | `<HUGO_BASE_DIR>/static/articles/zoo.pdf` | (same as above) |
|
`~/temp/bar/baz/foo.png` | `<HUGO_BASE_DIR>/static/foo.png` | Here, as the **outside** path does not have `/static/`, the file is copied directly into the Hugo `static/` directory.
|
|
|