zoukankan      html  css  js  c++  java
  • atom初学者的学习 原始代码

    原始版 

    作者:李笑来

    **markdown**是一个浏览器插件(chrome/firefox/Safari),可以将浏览器中编辑
    里的Markdown文本转换成渲染过后的HTML。又由于它能自定义CSS,于是,对我这种平时
    大量使用markdown格式写作的人来说实在是一大福音----可惜我刚刚才知道这么一个插件....
    要不是有人在新生app里面提及这事儿,我还不知道啥时候能知道呢。

    知道了就好,于是,我的微信公众号的排版就是焕然一新了

    ## 0.操作流程
    > 1.在google chrome中安装markdown here插件
    > 2.配置markdown here operation,自定义一些CSS
    > 3.在atom/sublimetext之类的编辑器中书写
    > 4.拷贝黏贴到微信公众号的编辑器中
    > 5.使用markdown here渲染
    > 6.插图图片,修订
    > 7.发布..

    ## 1.关于markdown编辑器

    我试过很多专门的markdown编辑器,付费的也买了一大堆,最终给发现实际上最好的markdown的编辑器是
    sublimetext/atom之类的程序编辑器,有一些功能没他们还真不行,比如多行同时编辑。现在我习惯使用的
    是atom,也安装了一些与markdown相关的插件

    > + markdown-pdf
    > + markdown-scroll
    > + markdowndown-toc
    > + markdown-writer
    > + markdown-preview(core package)

    另外一个跟markdown没关系,但绝对有用的插件是atom-smart-template,可以定制一些写作模板...
    比如我的微信公众号开头都有版权声明,放在模板里,以后就不用费劲拷贝了...

    关于atom教程,可以去看看这篇文章,其实前后几篇文章,任何人都可以变成"__pro__",直至最终变成“__gupu__”
    > http://xiaolai.li/2016/06/17/makecs-atom-advanced/

    ## 2.关于中文排版
    关于中文排版,我在网上看了几篇教程,总结后来发现重点只有三个:
    > + 字体间距
    > + 行间距
    > + 字间距

    至于选择哪一种字体,其实并不是关键,因为对字体来说,最重要的其实是“通用”---即便是你设置好了你喜欢的字体,先不说那是不是你自己的偏好,更重要的是,若是读者的设备上没有那个字体,那你就等于是白折腾了……

    所以,字体,就暂时放在一边罢,因为苹果手机上默认的字体就挺好的。手机上像素不少,可屏幕相对还是很小,所以,中文字体若是不设置行间距和字间距的话,其实读起来就很费劲,另外我比较偏好稍微大一点的字体尺寸:
    ```python
    .markdown-here-wrapper {
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0.1em;
    }
    ```

    ## 4.关于表格
    |我是 | 一个 | 好人|
    |--- |:---:|---:|
    |我擦| 我要 |火红|

    ## 5.内建html
    但是如何快速输入
    <dl>
    <dt>Definition list</dt>
    <dd>Is something people use sometimes.</dd>

    <dt>Markdown in HTML</dt>
    <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>

    ```
    我按照李老师的文字,重新打了一遍 遇到的困难 一些方法如下:
    1. 有些没弄懂,比如如何自定义设置颜色 和 命令行就该字体等格式
    1.1一些package包不知道怎么放在一起用
    2. ">“为了不弄在一行 需要按两下空格 再回车才能下一行
    3. 加粗 把__放在文字的两边
    4. 学习了markdown的文档 https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
    5. 三颗星是一个分界线
    6. 加减号用来当做点(一个园豆豆)号
    7. `三个用来输入代码
    8. 李老师的style代码可以用ctrl+shift+p打开输入open your stylesheet在后面补上就行
    9. view-develop-toggle develop mode(快捷方式ctrl+shift+I) 用来打开开发工具的调试
    10. 了解到代码补全(也叫snippets)
    11. ctrl+shift+t是用来配置的
    12. 核心是html和dom 将李老师的
    13. [官方](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)例子用来输入东西[I'm an inline-style link](https://www.google.com)
    14. 文件系统 home在计算机网盘 桌面的东西也都在哪里所以下载的东西不要往里面放
    15. [带动微信公众号](http://www.jianshu.com/p/b4c8479cfaa5) 在进入chrome商店的时候去掉hl=zh-CN后缀 atomic浏览器和atom各装一个,加上markdown here就可以传送了
    16. ctral+shit+r等于reload 每当你安装一个package用来更新(可以用ct+sf+p查询)
    17.
    ```


    ```
    需要学习的
    1.如何stylesheet设置,编写属于自己的代码
    ```


    参考:

    1.http://www.jianshu.com/p/b4c8479cfaa5 简书 集强大与一身 markdown排版微信号
    2.http://jingyan.baidu.com/article/e5c39bf5aaf9f639d760338d.html 当一个编程的github 左边编辑,右边实时预览:
    3.http://www.ituring.com.cn/article/72264 自定义格式
    4.http://flight-manual.atom.io/using-atom/sections/basic-customization/ 官方网页
    5.http://www.jianshu.com/p/b4c8479cfaa5 简书 将的比较全 gif 微信公众号

  • 相关阅读:
    2017-2018-1 20155232 《信息安全系统设计基础》第四周学习总结以及课上myod练习补充博客
    # 2017-2018-1 20155232 《信息安全系统设计基础》第三周学习总结
    # 2017-2018-1 20155232 《信息安全系统设计基础》第二周课堂实验
    2017-2018-1 20155232 《信息安全系统设计基础》第1周学习总结
    20155232 2016-2017-2《Java程序设计》课程总结
    20155232 实验五 网络编程与安全
    20155232 5月24日课堂时间提交补充
    20155232 实验四 Android程序设计
    信息安全系统设计基础第九周学习总结
    家庭作业6.32
  • 原文地址:https://www.cnblogs.com/gkgy/p/5934189.html
Copyright © 2011-2022 走看看