Slidify:代码对齐

7

我遇到了双列幻灯片代码对齐的问题。

enter image description here

这是我用于此幻灯片的代码:

--- &twocol

## Sample R Codes

*** =left

```{r, echo=FALSE}
options(width=30)
```


```{r, fig.height=5.5,highlight=TRUE, fig.show='hide',tidy=TRUE}
mvreg.sim <- function(xcov,beta1=matrix(c(0.7, 0.2, 0.2, 0.7), 
             nr = 2, nc = 2),  err.mu=c(0,0), 
             err.sigma=matrix(c(100,0,0,100), nr=2)){
  library(mvtnorm)
  N <- nrow(xcov)
  e <- rmvnorm(N, mean = err.mu, sigma = err.sigma)  
  y <- matrix(NA, nrow = N, ncol = 2)
  for(i in 1:N){
    y[i,] <- (xcov[i,])%*%beta1 + e[i,]
  }
  return(y)
}
```

*** =right

This is the explanation of the plot.

```{r, fig.height=5.5,highlight=TRUE,echo=FALSE}
x <- seq(0,10, by = 0.01)
y <- x
plot(x, sin(y), xlab = 'x-axis', ylab = 'sin(x)', main = 'Sample Plot')
```

我对slidify很陌生,对html的了解也不多。我使用tidy=TRUEoptions(width=60)来控制框内代码的宽度,但对齐方式受到了影响。我希望对齐方式设为右对齐。非常感谢您的帮助。

1个回答

11

问题在于Slidify默认的双栏布局使左侧列居中对齐(我会在下一个版本中修复这个问题)。这是使用的双栏模板。

---
layout: slide
---
{{{ slide.content }}}
<div style='float:left;width:48%;' class='centered'>
  {{{ slide.left.html }}}
</div>
<div style='float:right;width:48%;'>
  {{{ slide.right.html }}}
</div>

最简单的解决方法是将上述布局保存为 twocol.html,放在目录 assets/layouts 中,然后删除 class = "centered"。自定义布局会自动覆盖系统布局。只需确保将文件放置在 assets/layouts 中,因为 Slidify 会在该位置查找自定义布局。


有没有继承布局的机制? - agstudy
是的,这是一个非常简单的机制。例如,双列布局继承自幻灯片布局,仅用子元素的内容替换 {{{ slide.content }}}。很容易将此机制扩展到执行任意替换,但我还没有找到一个好的用例来支持这一点。 - Ramnath

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接