Slidify：代码对齐

Question

我对两列幻灯片中的代码对齐有疑问。

这是我的这张幻灯片的代码，

--- &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')
```

我是新来的，对 html 知之甚少。我使用tidy=TRUE 和options(width=60) 来控制框内代码的宽度，但对齐方式会受到影响。我希望对齐设置为右对齐。非常感谢任何帮助。

Answer 1

问题是因为 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 查找自定义布局的位置。