I published my new blog with Antora. But the left navigation does not show out.
I published my new blog https://blog.diguage.com/network/latest/index.html with Antora.
But the left navigation does not show out. I mean that the left navigation menu should show the file list which I wrote in the nav.adoc
https://github.com/diguage/networking-protocols-notes/blob/master/modules/ROOT/nav.adoc.
And the left navigation can't close to the bottom.
My configuration
My configuration is at https://github.com/diguage/blog.diguage.com
site:
title: D瓜哥の博客
url: https://blog.diguage.com
start_page: network::index.adoc
content:
sources:
- url: https://github.com/diguage/networking-protocols-notes.git
branches: master
- url: https://github.com/diguage/martes.git
branches: master
asciidoc:
attributes:
doctype: book
icons: font
stem: 'latexmath'
source_attrs: 'linenums'
source_base_path: 'https://raw.githubusercontent.com/diguage/leetcode/master/src/main/java/com/diguage/algorithm/leetcode'
ui:
bundle:
url: https://github.com/diguage/antora-ui-default/releases/download/v1.0.0/ui-bundle.zip
snapshot: true
output:
clean: true
dir: public
I customed the default UI
My UI is at https://github.com/diguage/antora-ui-default/tree/diguage-blog.
I added the top menu https://github.com/diguage/antora-ui-default/blob/diguage-blog/src/partials/header-content.hbs:
<header class="header">
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="{{or site.url (or siteRootUrl siteRootPath)}}">{{site.title}}</a>
<button class="navbar-burger" data-target="topbar-nav">
<span></span>
<span></span>
<span></span>
</button>
</div>
<div id="topbar-nav" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="#">Home</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">Java</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="/java-concurrency/latest/">并发</a>
<a class="navbar-item" href="/byte-buddy-tutorial/latest/">Byte Buddy 教程</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">学习笔记</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="/mysql/latest/">MySQL</a>
<a class="navbar-item" href="/network/latest/">Networking</a>
<a class="navbar-item" href="/design-patterns/latest/">Design Patterns</a>
</div>
</div>
<a class="navbar-item" href="/martes/latest/">martes</a>
<a class="navbar-item" href="https://www.diguage.com/">旧博客</a>
</div>
</div>
</nav>
</header>
Then I add the MathJax script https://github.com/diguage/antora-ui-default/blob/diguage-blog/src/partials/footer-scripts.hbs
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
messageStyle: "none",
tex2jax: {
inlineMath: [["\\(", "\\)"]],
displayMath: [["\\[", "\\]"]],
ignoreClass: "nostem|nolatexmath"
},
asciimath2jax: {
delimiters: [["\\$", "\\$"]],
ignoreClass: "nostem|noasciimath"
},
TeX: { equationNumbers: { autoNumber: "none" } }
});
</script>
<script src="//cdn.bootcss.com/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_HTMLorMML"></script>
<script src="{{uiRootPath}}/js/site.js"></script>
<script src="{{uiRootPath}}/js/vendor/highlight.js"></script>
<script>hljs.initHighlighting()</script>
The ui package is at https://github.com/diguage/antora-ui-default/releases/download/v1.0.0/ui-bundle.zip
The build log
There were some warning log when I built the blog:
asciidoctor: WARNING: skipping reference to missing attribute: 6
asciidoctor: WARNING: skipping reference to missing attribute: 4
asciidoctor: WARNING: skipping reference to missing attribute: 3
asciidoctor: WARNING: skipping reference to missing attribute: 2
asciidoctor: WARNING: skipping reference to missing attribute: 1
asciidoctor: WARNING: skipping reference to missing attribute: 2
asciidoctor: WARNING: skipping reference to missing attribute: 1
asciidoctor: WARNING: skipping reference to missing attribute: 2
asciidoctor: WARNING: skipping reference to missing attribute: 3
asciidoctor: WARNING: skipping reference to missing attribute: 2
asciidoctor: WARNING: skipping reference to missing attribute: 3
asciidoctor: WARNING: skipping reference to missing attribute: 2
asciidoctor: WARNING: skipping reference to missing attribute: 1
asciidoctor: WARNING: skipping reference to missing attribute: 2
asciidoctor: WARNING: skipping reference to missing attribute: 1
asciidoctor: WARNING: skipping reference to missing attribute: 2
asciidoctor: WARNING: skipping reference to missing attribute: 1
asciidoctor: WARNING: skipping reference to missing attribute: 3
asciidoctor: WARNING: skipping reference to missing attribute: 3
Please help me to solve the problem. Thank you very much.