Giter Site home page Giter Site logo

Margin Figures about tuftesque HOT 2 OPEN

cpfiffer avatar cpfiffer commented on August 15, 2024
Margin Figures

from tuftesque.

Comments (2)

1danjordan avatar 1danjordan commented on August 15, 2024 1

Hi @cpfiffer I was inspired by Nick's theme and forked the original hugo-tufte theme myself, restyled it to match Envisioned CSS and wrote a custom build script that will properly render Rmarkdown files that include tufte chunks. You can see it here:

https://github.com/dandermotj/hugo-envisioned/

I use it for my own Github blog - see an example of the Tufte Handout features here:

https://dandermotj.github.io/post/tufte-handout/

See R/build.R for the script. This is a very hacky way of doing this. Because blogdown uses Rmarkdown, knitr and hugo it took me a long time to figure out how to make it work. This could be made very easy if blogdown accepted custom formats but for the moment it doesn't. I would suspect the Yihui would be very open to a pull request on this.

from tuftesque.

amikami102 avatar amikami102 commented on August 15, 2024

Hi, @cpfiffer, I got it to work by moving my "images" folder from inside "static" to the root directory. If you want to put a figure (say, "images/logo.png") to appear in the margin, you can write r tufte::margin_note("![](/images/logo.png)"). For some reason, margin figures don't work when the image files are located within"static/images", but you can still include images in your main body with figures located without.

from tuftesque.

Related Issues (16)

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.