笔记软件trilium博客模板基于东东的修改扩展

前言，使用笔记软件来做博客比较少见，作为一名技术员需要收集或整理很多资料，做笔记除了整理自己的知识体系，也希望分享出去让更多人看见，这个笔记软件就是trilium，开源免费对于技术人目前来说最牛的笔记软件了，好处各大佬都说过了，我也说下自己看法，多端备份同步非常安全（WIN端也可以同步备份），而且是实时的，写的每一个字就会自动保存，不像博客那样还要点击发布，要不就会丢失了，开源代表自己可以修改很多功能，对于技术员来说非常友好，功能由自己撑控，可以自部署，这是这款笔记软件的优势。

然后，trilium分享功能非常棒，所谓trilium的博客，是东东基于trilium做的模板，作为一名技术员通常都会有自己的博客，如果再用其他程序来做会非常麻烦，不便于维护，然后这个笔记软件正好适合我，下面就是这款trilium博客模板修改的一些介绍。

修改模板添加左右边栏※

通过修改模板文件“Ankia-Theme.ejs”来实现

特别说明：

调用的函数里面的数字代表的东西

subRoot.note.getVisibleChildNotes()[1].getVisibleChildNotes()

0：表示说说

1：表示分类

2：推荐阅读

3：顶部的导航

4：标签

5：首页内容

左边栏添加：”标签“※

              <% 
             function getRandomColor2() {
                 const letters = '0123456789ABCDEF';
                 let color = '#';
                 for (let i = 0; i < 6; i++) {
                     color += letters[Math.floor(Math.random() * 16)];
                 }
                 return color + 'A6';
             }
           %>
      <div id="recommendedReadingCard" class="bloggerInfoCardStyle" style="margin-left: auto;">
         <div class="bloggerInfoTitleStyle">标签</div>
        <hr>
      <div class="tagCloud">
        <% subRoot.note.getVisibleChildNotes()[4].getVisibleChildNotes().forEach( tags => { %>
        <a class="tagItem" style="background-color: <%= getRandomColor2() %>;" href="./tag_<%= tags.title %>"><%=`${tags.title}(${tags.getVisibleChildNotes().length})`%></a>
        <% }) %>
      </div>
      </div>Copy

右边栏添加：“分类”※

      <div id="announcement" class="bloggerInfoCardStyle">
         <div class="bloggerInfoTitleStyle">分类</div>
        <hr>
      <div class="tagCloud">
 <% subRoot.note.getVisibleChildNotes()[1].getVisibleChildNotes().forEach((childNote)=> { %>
          <a href="<%= childNote.shareId %>" title="<%= childNote.title %>" style="display: flex;justify-content: flex-start;align-items: center;" class="menuLinkStyle"><%= childNote.title %>
            <div id="articleCount"><%= childNote.getVisibleChildNotes().length %></div>
          </a>
          <% })%>
      </div>
      </div>        Copy

右边栏添加：常用工具※

        
     <div id="announcement" class="bloggerInfoCardStyle">
       <div class="bloggerInfoTitleStyle">常用工具</div>
       <hr>
     <div class="tagCloud">
         <a href="./1QuOTXWlqEjm" class="menuLinkStyle">软件</a>
     </div>
     </div>Copy

最后，感谢东东https://www.ankia.top基于trilium制作的博客模板，让这个笔记软件更好用了，相信未来会有更多人来使用这个笔记软件！如果你想了解更多关于这个博客模板的使用方法也可以参考下我的http://trilium.88531.cn/share/dLIUyYmxPTkb