当前位置:首页 > 设计 > 正文内容

快速转载文章并一键排版方法

Cristian_Ng5年前 (2021-01-20)设计

1、Chrome浏览器安装Allow Copy插件;


2、右键复制文章;


3、用一个TXT文本文件粘贴内容;


4、将TXT获得的纯文本内容到 https://www.sengzan.com/paiban/ 一键排版;


5、将排版后的内容用 MarkdownPad 2 软件设置大小标题;

在线Markdown编辑器:http://www.mdeditor.com/


6、将MarkdownPad 2编辑好的内容复制到 http://md.aclickall.com/#hmd2all 再进行一键美化;



其他:

本博客 Hmd2all 用CCS版式代码:



/*可任意修改样式,或恢复预设值,保存后生效 相对“默认样式”而作的修改会用  红色 标注*//*可任意修改样式,或恢复预设值,保存后生效 相对“默认样式”而作的修改会用  红色 标注*/ .output_wrapper/*此属性为全局*/ {     font-size: 16px;     color: #3e3e3e;     line-height: 1.75;     word-spacing:0px;     letter-spacing:0px;     font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;   } .output_wrapper * {  font-size: inherit  ;  color: inherit;  line-height: inherit;  margin:0px;  padding:0px; } p {/*段落*/  margin: 1.5em 0px; } h1,h2,h3,h4,h5,h6 {  margin: 1.5em 0px;  font-weight:bold; } h1 {  font-size: 1.6em  ; } h2 {  font-size: 1.4em; } h3 {  font-size: 1.3em; } h4 {  font-size: 1.2em; } h5 {  font-size: 1em; } h6 {  font-size: 1em; } h3{/*增加对h3标题的修改*/  border-bottom:2px  solid   #0073AA; } h3 span{/*增加对h3标题字体的修改*/  display:inline-block;  font-weight:normal;  background: #0073AA;  color:#ffffff;  padding:3px 10px 0px;  border-top-right-radius: 3px;  border-top-left-radius: 3px;  margin-right:3px; } h3:after{/*增加对h3标题后面的修饰*/  display: inline-block;  content:" ";  vertical-align: bottom;  border-bottom: 36px solid #EFEBE9;  border-right: 20px solid transparent; } ul, ol {  padding-left: 32px; } ul{ /*无序列表*/    list-style-type: disc; } ol { /*有序列表*/  list-style-type: decimal; } li *   { /* color: #3e3e3e;*/ } li{  /*在公众号下,改变不了li符号的属性(如颜色),并会影响其子元素的属性;而在其它博客平台中,则能正常使用*/    margin-bottom: 0.5em; /*  color:#159957; */     } .code_size_default  /*代码块默认size*/ {  line-height: 1.75;  font-size: 14px;  font-weight:normal;  word-spacing:0px;  letter-spacing:0px; } .code_size_tight /*代码块紧凑size*/ {   line-height: 1.5;   font-size: 11px;   font-weight:normal;   word-spacing:-3px;   letter-spacing:0px; } pre code /*代码块*/ {               font-family: Consolas, Inconsolata, Courier, monospace;      border-radius: 0px; } blockquote { /*引用块*/  display: block;  padding: 15px 1rem;  font-size: 0.9em;  padding-right: 15px;  margin: 1em 0;  color: #819198;  border-left: 6px solid #dce6f0;  background: #f2f7fb;  overflow: auto;  overflow-scrolling: touch;  word-wrap: normal;  word-break: normal;   } blockquote p {    margin: 0px; } a { /*超链接*/  text-decoration: none;  color: #1e6bb8;  word-wrap:break-word; } strong  /*强调*/ {  font-weight: bold; } em /*斜体*/ { font-style:italic; } del /*删除线*/ { font-style:italic; } strong em/*强调的斜体*/ { font-weight: bold; } hr {  /*分隔线*/  height: 1px;  margin: 1.5rem 0px;  border: none;  border-top: 1px dashed #A5A5A5; } code /*行内代码*/ {    word-wrap: break-word;

word-spacing:0px;     letter-spacing:0px;    padding: 10px;    color:#0073AA;    background:#f6f6f6;
font-size: 16px;
line-height: 1.75;
border: 1px solid #ddd;
font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;   }
img {  display: block;  margin:0 auto;  /*图片水平居中*/  /* margin:0 0;  */ /*图片水平居左,如需要请打开*/  max-width:100%; } figcaption/*图片描述文字*/ {  margin-top:10px;  text-align:center;   /* text-align:left;  */ /*当图片水平居左时,请打开*/  color:#999;  font-size: 0.7em; } /*================表格开始================*/ table { display:table; width: 100% ; text-align: left; } tbody {  border: 0; } table tr {  border: 0;  border-top: 1px solid #CCC;  background-color: white; } /*隔行改变行的背景色,如需要请打开*/ /* table tr:nth-child(2n) {  background-color: #F8F8F8; } */ table tr th, table tr td {  font-size: 1em;  border: 1px solid #CCC;  padding: 0.5em 1em;  text-align: left; } /*表头的属性*/ table tr th { font-weight: bold;  background-color: #F0F0F0; } /*================表格结束================*/ /*================数学公式开始================*/ .katex-display {/*块公式*/  font-size:1.22em; } .katex {/*行内公式*/  padding:8px 3px; } .katex-display > .katex {/*块公式*/   display:inline-block;   text-align:center;   padding:3px; } .katex img {/*行内公式对应的图片*/  display:inline-block;  vertical-align:middle; } /*================数学公式结束================*/ a[href^="#"] sup {/*注脚*/  vertical-align:super;  margin:0 2px;    padding:1px 3px;  color: #ffffff;  background:#666666;  font-size:0.7em; } /*================任务列表开始================*/ .task-list-list {  list-style-type: none; } .task-list-list.checked {/*已完成*/  color: #3e3e3e; } .task-list-list.uncheck {/*未完成*/  color: #bfc1bf; } .task-list-list .icon_uncheck, .task-list-list .icon_check {  display: inline-block;  vertical-align: middle;  margin-right: 10px; } .task-list-list .icon_check:before {/*已完成*/    content: "√";    border: 2px solid #3e3e3e;    color:red; } .task-list-list .icon_uncheck:before {/*未完成*/   content: "x";   border: 2px solid #bfc1bf;    color: #bfc1bf; } .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before {/*标志框*/  padding:2px;  padding-left: 5px;  padding-right: 8px;  border-radius:5px; } /*================任务列表结束================*/ .toc {/*总目录*/  margin-left:25px; } .toc_item {/*每条目录*/  display:block; } .toc_left {/*每级目录的缩进*/  margin-left:25px; }


“快速转载文章并一键排版方法” 的相关文章

【PPT档案馆06期】公司介绍页怎么做

【PPT档案馆06期】公司介绍页怎么做

向天歌PPT微信公众号:向天歌 / 职场趣学 做打动人的PPT上周作业回顾:根据下图片及文案设计公司介绍页大家不要着急下载,先学习一下制作的要点哈~【案例一】改前:感谢大毛的投稿【案例分析】1. 文字色与背景色对比没拉开,不利于阅读;2. 整体层级也过多,可进行删减;3. 可适当放大图片,突出“奔跑...

有哪些你一打开,就令你惊讶的网站?

利兄PPT设计师,公众号【利兄日志】主理人。我来推荐6个小众神奇网站,各个都让你惊掉下巴。第一个,Fluid Simulation网址:https://paveldogreat.github.io/WebGL-Fluid-Simulation/这是一个流体背景生成器,让你迅速成为绘画艺术家,真的太酷...

看了这些世界500强做的设计,我终于明白了什么才是甲方想要的“大气”

看了这些世界500强做的设计,我终于明白了什么才是甲方想要的“大气”

“大气”这个仅存在于中文语境的抽象词语视觉化之后的设计风格到底长什么样?恐怕一千个甲方眼中会有一千个大气……如果你去求助搜索引擎,或许能得到一些惊吓:或者惊喜:很多设计师以为的大气就是简约有透气感,适当留白,文字能用英文绝不用中文,对比能多强烈就有多强烈。图片来源于阿联酋航空官网但乙方以为的大气还真...

完美界面设计秘诀:界面设计的八大黄金法则

完美界面设计秘诀:界面设计的八大黄金法则

如果你想设计出卓越,高效和流畅的用户界面,就请参考Ben Shneiderman的“界面设计的八大黄金法则” 。苹果,谷歌和微软设计的产品都反映了Shneiderman的法则,这些行业巨头制定的用户界面指南都包含Shneiderman黄金法则中的特征,而这些公司的热门界面设计则是法则的视觉体现。本文...

微信公众号的排版都会用到哪些软件?

微信公众号的排版都会用到哪些软件?

目录(一)浏览器********************//(二)插件********************//(三)编辑器********************//(四)图片********************//(五)HTML代码模式(七)总结&后记谢邀!第一次写这么长的...

duotones|图片双色调生成器,一键生成双色调风格

duotones|图片双色调生成器,一键生成双色调风格

  duotones   双色调设计风格是在国外比较流行的风格,有段时间双色调风格的照片刷爆朋友圈,对于不懂PS设计的朋友来说,如何一键生成双色调风格的照片呢?  一键免费生成双色调效果的图片,制作后下载进行下一步的设计,适合平面设计、海报设计等等设计作品延伸,双色调的设计作品给人一种像灯光笼罩下由...