用Dynalist辅助写作

作者: 悖论价投 | 来源:发表于2018-12-30 21:56 被阅读54次

用Dynalist辅助写作
自定义Dynalist美化效果
用写作辅助学习
对幕布的几条改进建议
选择Dynalist成为你的第二大脑
信息技术优化学科教学的思考
我的家庭财务规划思路
定位营申请
为什么要写作
栈和队列

一句话概括使用方法：

任意书写软件➕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复制粘贴上述代码到框里去，空白处点一下自动保存。