前言
之前幾篇文章，都是為大家介紹工作流相關的知識，這一篇文章，我們先暫別工作流，定制一下左側導航，因為實在是太丑了。
正文
1.先看看我們定制完的左側導航吧，雖然不是特別的美觀，但是！但是跟頁面看起來很協調，有木有！
如果你覺得這款導航不好看，其實可以用本文的方式，定制成你喜歡的樣子
2.首先創建一個自定義列表用來保存導航，過程比較簡單就不截圖詳解了，有前面基礎的朋友，應該很容易做到，如下圖：
有幾點特別說一下，MenuSort是排序，ParentMenu就是子菜單的父級，為了實現二級導航
3.用SharePoint Designer打開站點，找到母版頁，我們選中這個母版頁，發現不能設置為默認和自定義，說明，這個就是我們站點現在的默認母版頁，如下圖：
4.我們需要簽出母版頁，然后，在高級模式下編輯文件，如下圖：
5.查找左側導航的位置，用瀏覽器的開發人員工具，如下圖：
6.根據找到的ID，很容易在母版頁里找到這個元素，如下圖：
7.我們不要刪除默認的節點，可能會帶來未知錯誤，我這里是隱藏默認的，添加新的元素占位，如下圖：
好奇的小伙伴也可以刪掉試試，記得備份就好
8.在頭部引用腳本和樣式，還有添加一些自定義樣式，如下圖：
這個樣式全局生效，只要是引用了這個母版頁的頁面都生效
9.添加主要方法，一是讀取所有項目初始化到數組里，二是通過篩選過濾，拼成我們需要的HTML，輸出到占位符，三就是用layui控件初始化這個左側導航，如下圖：
結束語
至此，所有操作就完成了，就做成了文章第一張圖的左側導航了。其實，整個操作對於熟悉前端的小伙伴，是非常簡單的，這就是SharePoint Online的便捷性。