Try using a custom litedown template

r-universe-org · Dec 28, 2024 · da047aa · da047aa
1 parent 1e7d58d
commit da047aa
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 9 deletions.
diff --git a/R/articles.R b/R/articles.R
@@ -106,15 +106,16 @@ replace_rmarkdown_engine <- function(){
 
   # Litedown (TODO: do not override slides)
   setHook(packageEvent("litedown", "onLoad"), function(...) {
-    message("Found litedown! Replacing vignette theme...")
-    old_engine <- tools::vignetteEngine('vignette', package='litedown')
-    tools::vignetteEngine('vignette', package = 'litedown', weave = function(file, encoding, ...){
-      mdfile <- file.path(tempdir(), paste0(tools::file_path_sans_ext(file), '.md'))
-      load_custom_output_package(file)
-      litedown::fuse(file, mdfile, ...)
-      htmlfile <- render_article(mdfile)
-      file.copy(htmlfile, '.', overwrite = TRUE)
-    }, tangle = old_engine$tangle, pattern = old_engine$pattern)
+    message("Found litedown! Setting r-universe template.")
+    options(litedown.html.template = template_file('litedown.html'))
+    #old_engine <- tools::vignetteEngine('vignette', package='litedown')
+    #tools::vignetteEngine('vignette', package = 'litedown', weave = function(file, encoding, ...){
+    #  mdfile <- file.path(tempdir(), paste0(tools::file_path_sans_ext(file), '.md'))
+    #  load_custom_output_package(file)
+    #  litedown::fuse(file, mdfile, ...)
+    #  htmlfile <- render_article(mdfile)
+    #  file.copy(htmlfile, '.', overwrite = TRUE)
+    #}, tangle = old_engine$tangle, pattern = old_engine$pattern)
   })
 
   # Experimental quarto override

diff --git a/inst/rmd-template/litedown.html b/inst/rmd-template/litedown.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<meta name="generator" content="$generator$">
+
+<title>$plain-title$</title>
+
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" data-external="1">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" data-external="1">
+<link rel="stylesheet" href="https://r-universe.dev/static/article-styles.css" data-external="1">
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xiee/[email protected]/css/prism-xcode.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css">
+
+
+$header-includes$
+</head>
+
+<body>
+<div class="container" id="topcontainer">
+$include-before$
+
+<div class="frontmatter">
+$title_$
+$subtitle_$
+$author_$
+$date_$
+</div>
+
+$abstract_$
+
+<div class="$body-class$">
+$body$
+</div>
+
+$include-after$
+
+</div>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.js" data-external="1"></script>
+<script src="https://r-universe.dev/static/article.js" data-external="1"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/components/prism-core.min.js" defer></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/plugins/autoloader/prism-autoloader.min.js" defer></script>
+<script src="https://cdn.jsdelivr.net/combine/npm/[email protected]/dist/katex.min.js,npm/[email protected]/dist/contrib/auto-render.min.js" defer></script>
+<script src="https://cdn.jsdelivr.net/npm/@xiee/[email protected]/js/render-katex.min.js" defer></script>
+
+</body>
+
+</html>