如何自定义 Axure 的站点地图样式

使用 Axure 绘制交互文档时尤其是对已有版本进行迭代更新时，文档制作者常常遇到的问题是如何帮助文档阅读者快速找到此次版本修订的内容

除了在自制的修订记录中放置可跳转的修订描述、锚链接；还可以通过修改 Axure 站点地图的样式来达到帮助阅读者快速定位到修订内容

站点地图中的更新标记

修改步骤

• 在 Axure 中将需要改变样式的站点地图条目加上标记（例如在名称前面加上"[new]"）
• 生成 HTML 文件
• 在生成的目录中找到 sitemap.js 文件

路径为：生成 HTML 文件的指定目录 / plugins / sitemap / sitemap.js

• 打开 sitemap.js ，将以下代码

returnVal += "'></span><span class='sitemapPageName'>";

修改为

if(node.pageName.substring(0,5)=="[new]"){
           
           returnVal += "'></span><span class='sitemapPageName' style='color:red'>";
                        
}else {
        
            returnVal += "'></span><span class='sitemapPageName'>";
        
}

• 保存 sitemap.js 的修改重新刷新交互文档的 html 即可查看到效果

修改后的代码中

style='color:red'

此处的 'red' 可以修改为其他你喜欢的 16 进制色值如 #f2f2f2

如果具备一些 JS、CSS 知识的话，还可以在文字大小、字体、标记符号等地方进行自定义，这次就分享这么多

以上。