Coder Social home page Coder Social logo

Shared images in .md about svelte-qwer HOT 10 CLOSED

kwchang0831 avatar kwchang0831 commented on May 28, 2024 1
Shared images in .md

from svelte-qwer.

Comments (10)

kwchang0831 avatar kwchang0831 commented on May 28, 2024 1

Thanks for reporting it. Haven't tested in Windows environment.
It should now be working as of 175323d.

from svelte-qwer.

kwchang0831 avatar kwchang0831 commented on May 28, 2024

Given you have

/user/assets/providers/belatra-logo.png

In your /user/blogs/example/index.md,
Use the following link to access the above image:

![BelatraLogo](/providers/belatra-logo.png)

The above link will translate to

<p><ImgZoom src="/providers/belatra-logo.png" alt="BelatraLogo" /></p>

The shared image shows. This works both in dev and production mode.

You can reference images under /user/assets/ and /public/ folder directly by /image-name.png
(The image in /user/assets/ has higher priority if both folders have the same image name.)
or the images next to the index.md by ./image-name.png.

You can also check /src/generated/assets.json (after pnpm dev or pnpm build) to see all the images that are available to you.

Thanks for letting me know the issue you have encountered. Please let me know if you have any other questions.

from svelte-qwer.

korzh875 avatar korzh875 commented on May 28, 2024

![BelatraLogo](/providers/soft/belatra-logo.png)

image
image

![BelatraLogo](/belatra-logo.png)
image
image

path: user/assets/providers/soft/belatra-logo.png

Does not give the desired result.

cmd: pnpm dev

from svelte-qwer.

kwchang0831 avatar kwchang0831 commented on May 28, 2024

Please provide your repo or minimum reproduction repository.

from svelte-qwer.

kwchang0831 avatar kwchang0831 commented on May 28, 2024

I have updated example post to show it is working correctly
https://svelte-qwer.vercel.app/example#image

Please update your svelte-QWER and QWER to the latest version to see if your issue still exist

from svelte-qwer.

korzh875 avatar korzh875 commented on May 28, 2024

image

image

project is not working at all

these are the errors I get after a complete cleanup of the project and a new start

from svelte-qwer.

korzh875 avatar korzh875 commented on May 28, 2024

where is the path formed? there is an assumption that the condition for different OS is not taken into account

from svelte-qwer.

korzh875 avatar korzh875 commented on May 28, 2024

this is the original project

image

from svelte-qwer.

korzh875 avatar korzh875 commented on May 28, 2024

![BelatraLogo](/providers/soft/belatra-logo.png)

<ImgZoom class="dark:(bg-white)" src="/providers/soft/belatra-logo.png" shadow="false"></ImgZoom>

I have configured myself to remove the shadow for tables, can I somehow do this if I use the .md syntax, and not html?

image

from svelte-qwer.

kwchang0831 avatar kwchang0831 commented on May 28, 2024

If that's the default style you want, you can go ahead customize the image_zoom components at src/lib/components/image_zoom.svelte by removing shadow-xl in the img class.

class="z-50 m-auto md:(rounded-2xl shadow-xl) {className ?? 'h-full w-auto aspect-auto object-cover'}"

from svelte-qwer.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.