一句话概括使用方法：
- 任意书写软件➕Dynalist在一侧作为大纲软件
- 优势：跨平台一致的使用体验，同时兼顾好看
1、如果您觉得不错，麻烦用推荐链接注册一下，感恩，好软件共分享。https://dynalist.io/invite/nsYfXg
2、美化方法：pro账户下，setting——Custom CSS复制粘贴上述代码到框里去，空白处点一下自动保存。
正文
- 为什么需要目录软件？
- 目录软件的优势解析
- Dynalist模版分享：
为什么需要目录软件？
目录软件有些独特的优势，比如随时可以查阅的大纲，用于控制进度的控制条，方便的版本记录。这些相较于书写软件优势是极大的，比如我在iPad上的书写状态就是【下图】，在iPad pro 11寸下，双屏，Mweb占三分之二、Dynalist占三分之一。
目录软件的优势解析
废话少说先上图：为什么是Dynalist不是其他，这里可以看到区别！
15450567537592.jpg
每个条目有三个维度的控制：Label、Tags、Time
-
Label对应的快捷键是：Alt+R/Y/G/B/P/D(红、黄、绿、蓝、紫、黑），我常用的只有四色：红、黄、绿、灰、清除。（对应的快捷键改成^+1~5Dynalist的Pro账户支持CSS定义，我把它改成了现在的样子，如下图：
15461769339157.jpg 这个好处就是，每次只要打开就能知道整个文章或者回顾推进到哪一步了。
红色标：优先完成当下写作的章节
绿色标&时间：完成的章节及完成时间
橙色表：近期重要章节
灰色标：待推进
Tags对应有两种方式实现，一个是@、一个是#，@可以用来对应人或者时间或者优先级，比如Weekly（周）、Monthy（月）、Yearly（年）等。Tags和Label的不同在于，标签是可以跨文档的，在Dynalist中可以实现跨文档整理资料（以后再总结）。#可以用来标记属性，比如情绪、思考、清单、回顾等等。
Time的快捷输入方法是：!()，有些人可以用来做时间管理，但是这里我用来做版本记录，比如生成第一稿的时间。
用内链功能实现目录页（这个也是其他软件媲美不了的地方，下次再说）
Dynalist模版分享：
15461773186734.jpg
个人觉得优点如下：
- 模版跨平台完美支持，iPad、iPhone X、Mac、网页端均显示一直的效果
- 对任务样式也进行了定义
- 对#、@标签进行了缩小，视觉上舒服
- 自定义了六个特殊标签：如下图，分别用来区分重要性（⭐️）和紧急性（‼️）两个维度
最后附上CSS代码（dynalist界面自定义为pro功能）：
/* Fix the redo button position in the mobile version. */
/* (Not that useful, as the only option to use it is mobile Firefox with the Stylus extension, and it's really slow.) */
.MobileHeader-optionContainer .MobileHeader-option--undo {
right: 175px;
}
/* 文章标题 */
.Node.is-currentRoot > .Node-self
{
font-weight: 900;
/* box-shadow: 10px 10px 5px #888888; */
/* font-size:40px; 测试有宽度，但是无效*/
/* font-size:10em;测试有宽度，但是无效*/
text-align:center;
text-shadow: 2px 2px 10px #d3d3d3;
border-bottom:thick double #FF7F50;
text-overflow:ellipsis;
}
/* 设置 段落标题 颜色 */
.is-largeFont .Node-self.is-heading1 .Node-contentContainer
{
font-size: 26px;
text-align:center;
text-shadow: 2px 2px 10px #d3d3d3;
color:#4682B4;
}
.is-largeFont .Node-self.is-heading2 .Node-contentContainer
{
font-size: 22px;
color:#4682B4;
}
.is-largeFont .Node-self.is-heading3 .Node-contentContainer
{
font-size: 20px;
color:#4682B4;
}
/* 更改标签条颜色 Color 1,2,3,4,5,6*/
.Node-contentContainer.has-color
{
position: relative;
}
.Node-contentContainer.has-color::before
{
content: "";
display: inline-block;
position: absolute;
top: 0;
left: -4px;
width: 10px;
height: 100%;
background-color: white;
}
.Node-contentContainer.mod-color-label-1,
.Node-contentContainer.mod-color-label-2,
.Node-contentContainer.mod-color-label-3,
.Node-contentContainer.mod-color-label-4,
.Node-contentContainer.mod-color-label-5,
.Node-contentContainer.mod-color-label-6
{
background-color: transparent;
text-indent: 6px /*设置色标的文字偏移*/
}
.Node-contentContainer.mod-color-label-1::before
{
background-color: #ff0000;
}
.Node-contentContainer.mod-color-label-2::before
{
background-color: #FFA500;
}
.Node-contentContainer.mod-color-label-3::before
{
background-color: #ff9124;
}
.Node-contentContainer.mod-color-label-4::before
{
background-color: green;
}
.Node-contentContainer.mod-color-label-5::before
{
background-color: #0085ff;
}
.Node-contentContainer.mod-color-label-6::before
{
background-color: gray;
}
/* item bulletpoints 设置bullet那个黑点的颜色，测试通过，改为蓝色*/
.Node-bullet:before
{
font-size: 14px !important;
}
/* hyperlinks 超链接样式*/
.node-link
{
/* Formatting done just as in Discourse. */
word-wrap: break-word !important;
color: #4169E1 !important;
cursor: pointer !important;
background: transparent !important;
text-decoration:underline
}
/* 内链款式*/
a[href^="https://dynalist.io"]
{
color: green !important;
box-sizing: border-box !important;
font-weight: bold;
}
/* #tags and @tags mouse-over highlighting 标签移动上去的高亮样式*/
.node-tag:hover
{
background-color: #363636 !important;
color: white !important;
}
/* 自定义标签开始 .node-tag[title~="#"]*/
/*设置全局标签（ # ）效果*/
.node-tag[title*="Filter #"]
{
background: transparent !important;
color: gray !important;
font-style: italic !important;
text-decoration: underline !important;
font-size: 16px;
}
/*设置全局标签（ @ ）效果*/
.node-tag[title*="Filter @"]
{
background: transparent !important;
color: gray !important;
font-style: italic !important;
text-decoration: underline !important;
font-size: 16px;
}
.node-tag[title~="#★★★"]
{
background: transparent !important;
color: red !important;
font-style: italic !important;
text-decoration: underline !important;
}
.node-tag[title~="#★★"]
{
background: transparent !important;
color: #FF8C00 !important;
font-style: italic !important;
text-decoration: underline !important;
}
.node-tag[title~="#★"]
{
background: transparent !important;
color: green !important;
font-style: italic !important;
text-decoration: underline !important;
}
.node-tag[title~="#!!!"]
{
background: transparent !important;
color: red !important;
font-weight: bold !important;
text-decoration: underline !important;
}
.node-tag[title~="#!!"]
{
background: transparent !important;
color: #FF8C00 !important;
font-weight: bold !important;
text-decoration: underline !important;
}
.node-tag[title~="#!"]
{
background: transparent !important;
color: green !important;
font-weight: bold !important;
text-decoration: underline !important;
}
/*测试：标签为任务*/
.node-tag[title="is:checklist"]
{
background: transparent !important;
color: green !important;
font-weight: bold !important;
text-decoration: underline !important;
}
/* 任务列表完成时候的样式*/
.Node.is-checked .Node-checkbox, .Node.is-checked .Node-content, .Node.is-checked .Node-renderedContent, .Node.is-checked .Node-note, .Node.is-checked .Node-renderedNote
{
opacity: .5;
color: blue;
}
/* 设置任务列表*/
.Node.is-checklist
{
color: blue !important;
}
/* 设置纵向连接线 */
.Node.is-currentRoot .Node .Node-children
{
border-left: 1.1px dashed gray !important;
}
/* 设置所有“点”的可见性*/
.Node.is-currentRoot .Node .Node-bullet:before
{
visibility: visible;
}
/* Displays Any Collapsed bulletpoint */
.Node.is-currentRoot .Node .is-collapsed>.Node-bullet:before
{
color: #FF7F50; /*设置成橙色，等于告知下面一层有东西*/
visibility: visible;
}
/* Override 2nd bulletpoint in current view */
.Node.is-currentRoot .Node .Node .Node-bullet:before
{
visibility: visible;
font-size: 14px;
}
/* Overrides 3rd Bulletpoint in current view */
.Node.is-currentRoot .Node .Node .Node .Node-bullet:before
{
visibility: visible;
}
1、如果您觉得不错，麻烦用推荐链接注册一下，感恩，好软件共分享。https://dynalist.io/invite/nsYfXg
2、美化方法：pro账户下，setting——Custom CSS复制粘贴上述代码到框里去，空白处点一下自动保存。
