Этого можно добиться с помощью опции includes. Выполните следующие шаги:
- Создайте файл с именем
activeBlock.html в корневой папке (файл с _output.yml). Скопируйте и вставьте в него следующее.
<script type="application/javascript">
window.onload = function() {
document.querySelector(".page-wrapper").focus();
};
</script>
- Измените
_output.yml, чтобы он выглядел как показано ниже
bookdown::gitbook:
includes:
in_header: activeBlock.html
css: style.css
config:
toc:
before: |
<li><a href="./">A Minimal Book Example</a></li>
after: |
<li><a href="https://github.com/rstudio/bookdown" target="blank">Published with bookdown</a></li>
download: ["pdf", "epub"]
bookdown::pdf_book:
includes:
in_header: preamble.tex
latex_engine: xelatex
citation_package: natbib
keep_tex: yes
bookdown::epub_book: default
Вы можете изменить _output.yml по мере необходимости, но важной частью является сохранение
includes:
in_header: activeBlock.html
Это сделано для того, чтобы пользовательский JavaScript, который мы написали, был включен в <head> версии html книги. Цель сценария - сфокусироваться на соответствующем элементе после загрузки страницы html.