How can I fix broken image links in my pug included markdown files?
i just need to rebase the incoming links in the markdown, so that they're relative to the pug document
structure
index.pug
articles/
my-article.md
my-image.jpg
pug
.article-body
include:markdown-it articles/my-article.md
markdown
# my cool article
![my cool image](my-image.jpg)
i'd really rather not change my markdown link to articles/my-image.jpg
, because that would break the markdown preview for editing, which would be an awful developer experience
pug markdown-it
add a comment |
i just need to rebase the incoming links in the markdown, so that they're relative to the pug document
structure
index.pug
articles/
my-article.md
my-image.jpg
pug
.article-body
include:markdown-it articles/my-article.md
markdown
# my cool article
![my cool image](my-image.jpg)
i'd really rather not change my markdown link to articles/my-image.jpg
, because that would break the markdown preview for editing, which would be an awful developer experience
pug markdown-it
the package markdown-it-replace-link doesn't look like a viable solution -- it is not compatible with the pug-cli, only the pug node api -- and the node api does not include watch mode functionality -- and i can't abandon watch mode just to fix the links..
– ChaseMoskal
Nov 28 '18 at 2:20
You could use gulp and gulp-replace to regex the markdown paths
– sean
Nov 28 '18 at 15:03
Or change your structure so that the path can stay consistent
– sean
Nov 28 '18 at 15:06
add a comment |
i just need to rebase the incoming links in the markdown, so that they're relative to the pug document
structure
index.pug
articles/
my-article.md
my-image.jpg
pug
.article-body
include:markdown-it articles/my-article.md
markdown
# my cool article
![my cool image](my-image.jpg)
i'd really rather not change my markdown link to articles/my-image.jpg
, because that would break the markdown preview for editing, which would be an awful developer experience
pug markdown-it
i just need to rebase the incoming links in the markdown, so that they're relative to the pug document
structure
index.pug
articles/
my-article.md
my-image.jpg
pug
.article-body
include:markdown-it articles/my-article.md
markdown
# my cool article
![my cool image](my-image.jpg)
i'd really rather not change my markdown link to articles/my-image.jpg
, because that would break the markdown preview for editing, which would be an awful developer experience
pug markdown-it
pug markdown-it
asked Nov 28 '18 at 2:08
ChaseMoskalChaseMoskal
2,28221833
2,28221833
the package markdown-it-replace-link doesn't look like a viable solution -- it is not compatible with the pug-cli, only the pug node api -- and the node api does not include watch mode functionality -- and i can't abandon watch mode just to fix the links..
– ChaseMoskal
Nov 28 '18 at 2:20
You could use gulp and gulp-replace to regex the markdown paths
– sean
Nov 28 '18 at 15:03
Or change your structure so that the path can stay consistent
– sean
Nov 28 '18 at 15:06
add a comment |
the package markdown-it-replace-link doesn't look like a viable solution -- it is not compatible with the pug-cli, only the pug node api -- and the node api does not include watch mode functionality -- and i can't abandon watch mode just to fix the links..
– ChaseMoskal
Nov 28 '18 at 2:20
You could use gulp and gulp-replace to regex the markdown paths
– sean
Nov 28 '18 at 15:03
Or change your structure so that the path can stay consistent
– sean
Nov 28 '18 at 15:06
the package markdown-it-replace-link doesn't look like a viable solution -- it is not compatible with the pug-cli, only the pug node api -- and the node api does not include watch mode functionality -- and i can't abandon watch mode just to fix the links..
– ChaseMoskal
Nov 28 '18 at 2:20
the package markdown-it-replace-link doesn't look like a viable solution -- it is not compatible with the pug-cli, only the pug node api -- and the node api does not include watch mode functionality -- and i can't abandon watch mode just to fix the links..
– ChaseMoskal
Nov 28 '18 at 2:20
You could use gulp and gulp-replace to regex the markdown paths
– sean
Nov 28 '18 at 15:03
You could use gulp and gulp-replace to regex the markdown paths
– sean
Nov 28 '18 at 15:03
Or change your structure so that the path can stay consistent
– sean
Nov 28 '18 at 15:06
Or change your structure so that the path can stay consistent
– sean
Nov 28 '18 at 15:06
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53511058%2fhow-can-i-fix-broken-image-links-in-my-pug-included-markdown-files%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53511058%2fhow-can-i-fix-broken-image-links-in-my-pug-included-markdown-files%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
the package markdown-it-replace-link doesn't look like a viable solution -- it is not compatible with the pug-cli, only the pug node api -- and the node api does not include watch mode functionality -- and i can't abandon watch mode just to fix the links..
– ChaseMoskal
Nov 28 '18 at 2:20
You could use gulp and gulp-replace to regex the markdown paths
– sean
Nov 28 '18 at 15:03
Or change your structure so that the path can stay consistent
– sean
Nov 28 '18 at 15:06