markdown语法总忘,看来必须copy点什么。StackEdit

Welcome to StackEdit!

Hey! I’m your first Markdown document in StackEdit[^stackedit]. Don’t delete me, I’m very helpful! I can be recovered anyway in the Utils tab of the Settings dialog.

Documents

StackEdit stores your documents in your browser, which means all your documents are automatically saved locally and are accessible offline!

Note:

• StackEdit is accessible offline after the application has been loaded for the first time.
• Your local documents are not shared between different browsers or computers.
• Clearing your browser’s data may delete all your local documents! Make sure your documents are synchronized with Google Drive or Dropbox (check out the Synchronization section).

Create a document

The document panel is accessible using the button in the navigation bar. You can create a new document by clicking New document in the document panel.

Switch to another document

All your local documents are listed in the document panel. You can switch from one to another by clicking a document in the list or you can toggle documents using Ctrl+[ and Ctrl+].

Rename a document

You can rename the current document by clicking the document title in the navigation bar.

Delete a document

You can delete the current document by clicking Delete document in the document panel.

Export a document

You can save the current document to a file by clicking Export to disk from the menu panel.

Tip: Check out the Publish a document section for a description of the different output formats.

Synchronization

StackEdit can be combined with Google Drive and Dropbox to have your documents saved in the Cloud. The synchronization mechanism takes care of uploading your modifications or downloading the latest version of your documents.

Note:

• Full access to Google Drive or Dropbox is required to be able to import any document in StackEdit. Permission restrictions can be configured in the settings.
• Imported documents are downloaded in your browser and are not transmitted to a server.
• If you experience problems saving your documents on Google Drive, check and optionally disable browser extensions, such as Disconnect.

Open a document

You can open a document from Google Drive or the Dropbox by opening the Synchronize sub-menu and by clicking Open from…. Once opened, any modification in your document will be automatically synchronized with the file in your Google Drive / Dropbox account.

Save a document

You can save any document by opening the Synchronize sub-menu and by clicking Save on…. Even if your document is already synchronized with Google Drive or Dropbox, you can export it to a another location. StackEdit can synchronize one document with multiple locations and accounts.

Synchronize a document

Once your document is linked to a Google Drive or a Dropbox file, StackEdit will periodically (every 3 minutes) synchronize it by downloading/uploading any modification. A merge will be performed if necessary and conflicts will be detected.

If you just have modified your document and you want to force the synchronization, click the button in the navigation bar.

Note: The button is disabled when you have no document to synchronize.

Manage document synchronization

Since one document can be synchronized with multiple locations, you can list and manage synchronized locations by clicking Manage synchronization in the Synchronize sub-menu. This will let you remove synchronization locations that are associated to your document.

Note: If you delete the file from Google Drive or from Dropbox, the document will no longer be synchronized with that location.

Publication

Once you are happy with your document, you can publish it on different websites directly from StackEdit. As for now, StackEdit can publish on Blogger, Dropbox, Gist, GitHub, Google Drive, Tumblr, WordPress and on any SSH server.

Publish a document

You can publish your document by opening the Publish sub-menu and by choosing a website. In the dialog box, you can choose the publication format:

• Markdown, to publish the Markdown text on a website that can interpret it (GitHub for instance),
• HTML, to publish the document converted into HTML (on a blog for example),
• Template, to have a full control of the output.

Note: The default template is a simple webpage wrapping your document in HTML format. You can customize it in the Advanced tab of the Settings dialog.

Update a publication

After publishing, StackEdit will keep your document linked to that publication which makes it easy for you to update it. Once you have modified your document and you want to update your publication, click on the button in the navigation bar.

Note: The button is disabled when your document has not been published yet.

Manage document publication

Since one document can be published on multiple locations, you can list and manage publish locations by clicking Manage publication in the menu panel. This will let you remove publication locations that are associated to your document.

Note: If the file has been removed from the website or the blog, the document will no longer be published on that location.

Markdown Extra

StackEdit supports Markdown Extra, which extends Markdown syntax with some nice features.

Tip: You can disable any Markdown Extra feature in the Extensions tab of the Settings dialog.

Note: You can find more information about Markdown syntax here and Markdown Extra extension here.

Tables

Markdown Extra has a special syntax for tables:

You can specify column alignment with one or two colons:

Definition Lists

Markdown Extra has a special syntax for definition lists too:

Term 1
Term 2
: Definition A
: Definition B

Term 3

: Definition C

: Definition D

> part of definition D

Fenced code blocks

GitHub’s fenced code blocks are also supported with Highlight.js syntax highlighting:

1
2

// Foo
var bar = 0;

Tip: To use Prettify instead of Highlight.js, just configure the Markdown Extra extension in the Settings dialog.

Note: You can find more information:

• about Prettify syntax highlighting here,
• about Highlight.js syntax highlighting here.

Footnotes

You can create footnotes like this[^footnote].

[^footnote]: Here is the text of the footnote.

SmartyPants

SmartyPants converts ASCII punctuation characters into “smart” typographic punctuation HTML entities. For example:

Table of contents

You can insert a table of contents using the marker [TOC]:

[TOC]

MathJax

You can render LaTeX mathematical expressions using MathJax, as on math.stackexchange.com:

The Gamma function satisfying $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is via the Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

Tip: To make sure mathematical expressions are rendered properly on your website, include MathJax into your template:

1

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

Note: You can find more information about LaTeX mathematical expressions here.

UML diagrams

You can also render sequence diagrams like this:

1

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!

And flow charts like this:

1

st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op

Note: You can find more information:

• about Sequence diagrams syntax here,
• about Flow charts syntax here.

Support StackEdit

[^stackedit]: StackEdit is a full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.

其实早就有听闻React很火了，但脑子里一直没有概念，于是花了一个小时去找了几篇相关介绍。

其中知乎上的一篇翻译的文章ReactJS 傻瓜教程

然后就记住了两点。

1. React是组件化的，而且是仅仅View层面的，还需要配合其他MVC的框架。
2. React有自己的渲染方式，一种类似XML的，将Html和Javascript结合的叫JSX的东西。

虽然这个时候还是不清楚什么是JSX，也对组件化的概念很模糊。

于是就去React官网找了快速入门来看。有中文版当然还是看中文版。

仅是看quick start这一篇，只记住了一点。

1.html分离，在单独的js文件中通过React.render来渲染html

接着继续看下一篇教程。
这个看起来就相当于更完整的一个例子了，实现评论+展示评论列表。

教程里一步一步讲的很详细。到这里就稍微清晰一些之前的两个概念。

1.组件化
2.JSX

不得不说，中文理解起来就是方便快捷。如果是英文，虽然能看懂单词但理解还是会有偏差。【英语不好的借口

先理解下组件化。

CommentBox组件中包括CommentList组件和CommentForm组件。而CommentList组件又循环渲染Comment组件。
每个组件都是React Create出来的一个element,它们包含但不仅限于html。

var CommentBox = React.createClass({
  render: function() {
    return (
      <div className="commentBox">
        <h1>Comments</h1>
        <CommentList data={this.props.data} />
        <CommentForm />
      </div>
    );
  }
});

数据的传递在自定义标签的属性中，所以这里又出现了一个新的名词props。但数据处理和渲染还是在自定义的组件中。

var CommentList = React.createClass({
  render: function() {
    var commentNodes = this.props.data.map(function (comment) {
      return (
        <Comment author={comment.author}>
          {comment.text}
        </Comment>
      );
    });
    return (
      <div className="commentList">
        {commentNodes}
      </div>
    );
  }
}); 

然后什么是JSX？

我们看到在进行Html渲染的时候，出现了很多自定义html标签，或者说是类xml的标签。
React里有一个简单的预编译器，用于将JSX这种语法糖转换成纯的JavaScript代码。作为语法糖，确实JSX 语句比纯 JavaScript 更加容易使用

>
这个 div 标签不是真实的DOM节点；他们是 React div 组件的实例。

这句话我不是很理解。明明在chrome运行的时候，审查元素能看到div，为什么说不是真实的DOM节点呢？

一些快捷键总是记不住，好记性不如烂笔头.
当然command+, 在Pereference的Keymap中也能找到并且修改快捷键。

• 双击shift：查找函数或者文件
• Shift+command+O：查找文件
• Alt+command+L：排版格式化

与其说这是一个css的关键字，但其实说是个变量更好理解一点。

currentColor 代表了当前元素被应用的color颜色值。使用它可以将当前这个颜色值应用到其他属性上，或者嵌套元素的其他属性上。

如果当前元素没有显示地指定一个color值，那么它的颜色值从父级集成而来。

使用了currentColor之后，css更好维护了，一改全改。

div{
    color: #33; 
    border: 5px solid currentColor;
    box-shadow: 0 0 5px solid currentColor;
}

除了IE8，PC和手机上的浏览器基本都支持这个关键字。

本地调试的时候总是说Origin * is not allowed by Access-Control-Allow-Origin好烦。

打开终端，输入命令

$open -a "Google Chrome" --args --disable-web-security

用其他Chromium内核的浏览器的话，这个命令可能会不适用，比如我现在钟爱的QQ浏览器。

这时可以选择安装chrome extension的方式。CORS插件。

地址在这儿：Allow-Control-Allow-Origin Extension

打开终端，输入命令

$sudo vim .bash_profile

这时在出来的编辑器中输入下面两行配置，然后保存

export CLICOLOR=1
export LSCOLORS=cxfxaxdxcxegedabagacad

重新打开一个命令行终端，输入“ls”命令，你就能看到颜色变成了绿色。

详解

LSCOLORS是用来设置当CLICOLOR被启用后，各种文件类型的颜色。LSCOLORS的值中每两个字母为一组，分别设置某个文件类型的文字颜色和背景颜色。

a 黑色  
b 红色  
c 绿色  
d 棕色  
e 蓝色  
f 洋红色  
g 青色  
h 浅灰色  
A 黑色粗体  
B 红色粗体  
C 绿色粗体  
D 棕色粗体  
E 蓝色粗体  
F 洋红色粗体  
G 青色粗体  
H 浅灰色粗体  
x 系统默认颜色 

LSCOLORS中一共 11 组颜色设置（所以一共22个字符），按照先后顺序，分别对以下的文件类型进行设置：

-directory  
-symbolic link  
-socket  
-pipe  
-executable  
-block special  
-character special  
-executable with setuid bit set  
-executable with setgid bit set  
-directory writable to others, with sticky bit  
-directory writable to others, without sticky bit  

打开终端

$sudo vim /etc/hosts

输入开机密码出现如下所示界面

##
# Host Database#
# localhost is used to configure the loopback     interface
# when the system is booting.  Do not change this     entry.
##
127.0.0.1       localhost
255.255.255.255 broadcasthost
::1             localhost

#74.125.237.1   dl-ssl.google.com

~                                                                               
~                                                                               
~                                                                               
~                                                                               
~                                                                               
~                                                                               
~                                                                               
-- INSERT --

输入‘i’进入insert模式，修改你要配置的host，

编辑完成后，先按esc，然后输入:wq
最后回车。

启动服务

Mac中自带了Apache环境，直接一行命令搞定了。

$sudo apachectl start

这时，打开你得浏览器，输入“http://localhost”, 可以看到“It Works！”的页面。这个index.html 文件位于“/Library(资源库)/WebServer/Documents/”下。这是Apache的默认根目录。

修改配置

Apache 的安装目录在:/etc/apache2/ 默认是隐藏的。

$open /etc/apache2

让隐藏文件可以见，或者让隐藏文件不可见的命令如下：

$defaults write com.apple.finder AppleShowAllFiles -bool true

$defaults write com.apple.finder AppleShowAllFiles -bool false

修改/etc/apache2/httpd.conf 文件，就是修改apache的配置文件。这个文件默认是只读的，修改请加管理员权限 sudo

修改完之后，记得重启apache 服务

$sudo apachectl restart

修改Apache默认根目录

1. 打开 /etc/apache2/httpd.conf文件

   $sudo vim /etc/apache2/httpd.conf
   

1. 找到/Library/WebServer/Documents,你换成你自己的目录：

   如/Users/{username}/Sites
   

2. 重启服务。

   $sudo apachectl restart   
   

访问权限问题

可能会遇到403 Forbidden，这时就需要修改的配置了。

1. 打开 /etc/apache2/httpd.conf文件

   $sudo vim /etc/apache2/httpd.conf
   

2. 找到Directory标签,将标签内的配置Deny from all删掉，改成allow from all

   <Directory />
       Options Indexes FollowSymLinks
       AllowOverride None
       Order deny,allow
       allow from all
   </Directory>
   

3. 然后继续重启

Ps：Options Indexes FollowSymLinks中得Indexes是指如果你的文件根目录里有 index.html，浏览器就会显示 index.html的内容。
如果没有 index.html，浏览器就会显示文件根目录的目录列表，目录列表包括文件根目录下的文件和子目录。
要关闭文件目录显示的话，只需将Indexes去掉即可。

修改默认端口

1. 打开 /etc/apache2/httpd.conf文件

   $sudo vim /etc/apache2/httpd.conf
   

2. 找到Listen 关键字,后面跟的就是端口号了，改掉！

   Listen 8089
   

3. 然后继续重启

Mac OS-Android studio was unable to find a valid JVM解决办法

Mac OSx 上安装Anroid Studio v1.0，官方说明是需要JDK 1.6以上&JRE 6以上版本的支持。

出现找不到JVM时，请先检查是否安装了Java的环境。

如果确认已经安装，但仍然出现这样的错误提示。原因是校验版本的时候出现问题。

修改配置文件，将JVM版本信息改成你本机版本。

具体步骤

1.
在应用程序中找到Android Studio.app

2.
右键显示包内容，在目录下找到 info.plist 并用任意文本编辑器打开

3.
找到 JVMVersion 并将 1.6*中的版本号改为你当前的JDK的版本号。