How do I change the notebook output format/style in a Quarto manuscript project?

[mvuorre]

Description

Hi, I am test driving Quarto manuscripts. I would like to put my computations in a notebook, but don't like the default html formatting of those. Is there a way to change how those notebooks look like?

For example, I created a bare bones manuscript project with quarto create project manuscript quarto-manuscript-test and this is what the notebook looks like:

How do I remove the "Ln [1]:" things and stop indenting code blocks? How do I get rid of the red around the code output? Also, things like turning echo: false for code execution have no effect. It appears that the notebooks produce .ipynb notebooks (see here), but I would like to output regular html output files from R source code, like I do for regular Quarto html outputs. Can I do that?

Thanks for the exciting project so far :)

Example manuscript project: https://mvuorre.github.io/quarto-manuscript-test/
Example notebook output: https://mvuorre.github.io/quarto-manuscript-test/test-notebook-preview.html

[mcanouil]

It's just CSS.
Use your favourite browser inspect mode and tweak the CSS which you can then include back in your project.

include-in-header:
  - text: |
      <style>
      .quarto-notebook .cell-container .cell-decorator {
        display: none;
      }
      </style>

If you want more help, please share an actual reproducible example.

[mcanouil]

You did not share the repository nor the steps to reproduce, only the rendered manuscript.
So yes, sharing the link of the repository with the code works.

Regarding how the notebook behaves, @dragonstyle will know more.

[mvuorre]

Come on dude, here's a screenshot of the original post:

[mcanouil]

That's not the repository links ...
You shared two pages from the GitHub Pages domain.
So please avoid "come on dude" comment when clearly it's on you.

And no, having to look through your repositories to find the match is not the way to do it.
Some users might end up on this discussion, so the links need to work and be explicit, as they might not know the correspondence between GitHub repository and GitHub Pages domains.

---

Could you properly format your last post to be legible, especially the code part?

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded R code.
When you run the code, it will produce a plot.

```{r}
plot(cars)
```

The end.
````

[dragonstyle]

I think the other thing I notice from your output that surprised me was the presence of the TOC in the notebooks (they are really intended to omit the TOC and lay themselves out like a notebook with cells). I will take a look at that as well.

Currently, the whole premise of notebooks within manuscript projects is to provide backing code and execution results as resources for the project (which is why we pretty specifically configure the output with the behavior that you're seeing). Can you say a bit more about why you want to control the output and when you see that being useful- we definitely could add options (or support the current options) but I want to be sure I understand what you're trying to do...

[mvuorre]

I see, that makes sense. I was mistakenly expecting notebooks (both the "manuscript" and additional notebooks) to behave like regular Quarto html documents. I guess I thought so because I could e.g. change the theme with html options as shown here.

In other words, I thought I was creating a special kind of a Quarto website, where the landing page is the manuscript rendered in html, and with links to a. the manuscript in other formats (pdf, docx, etc.), and b. supplementary notebooks rendered in standard Quarto html. Had that been the case, I would have liked to e.g. use |# echo: false or any other formatting/execute/layout options in the notebooks.

So a better option for my use-case is a standard Quarto website, but without any navigation features apart from a TOC on the landing page and below it links to supplementary html documents. Right?

Does that clarify it?

@mcanouil Here's something even better, a screenshot of the code 😜: