zoukankan      html  css  js  c++  java
  • Markdown Reader 插件改造

    Markdown Reader 是一款比较好用的浏览markdown文件的chrome插件
    插件地址:https://chrome.google.com/webstore/detail/markdown-reader/gpoigdifkoadgajcincpilkjmejcaanc

    准备工作

    1. 从应用商店安装扩展
    2. 打开chrome插件管理(chrome://extensions)找到插件对应的ID
    3. %USERPROFILE%AppDataLocalGoogleChromeUser DataDefaultExtensions 找到对应的目录
    4. 将插件主体复制出来,删除其中的 _metadata 目录
    5. 修改 manifest.json 文件,删除 update_url 项,修改 web_accessible_resources 项的内容为: [ "*.*" ]
    6. 选择chrome插件管理的 开发者模式 ,并 加载已解压的扩展程序...
    7. 勾选 允许访问文件网址

    改造一 :链接新标签页(窗口)打开

    修改 markdownreader.js 文件,在对应的样式加载代码后面,添加如下代码:

    var baseTarget = document.createElement('base');
    baseTarget.target = '_blank';
    document.head.appendChild(baseTarget);
    

    改造二 :添加 font awesome 图标支持

    下载最新的 Font Awesome 源码包 ,解压缩后将文件放入工作目录。
    修改 markdownreader.js 文件,在对应的样式加载代码后面,添加如下代码:

    link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = chrome.extension.getURL('font-awesome-4.6.3/css/font-awesome.min.css');
    document.head.appendChild(link);
    

    改造三 :修改打印样式

    修改 markdownreader.css 文件,在最后面,添加如下代码:

    @media print { 
    	body{ 21cm;margin:0;padding:0;}
    	.content{
    	   88%;
    	  background-color: #F8F8F8;
    	  border:1px solid #ccc;
    	  box-shadow:0 0 10px #999;
    	  line-height:1.4em;
    	  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", helvetica, arial, freesans, clean, sans-serif;
          font-size:13.34px;
    	  color:black;
    	}
    	#markdown-outline, #markdown-backTop, #markdown-outline ul, #markdown-outline ul:first-child, #markdown-outline li{
    	  display: none; 
    	  padding: 0;
    	  margin: 0;
    	  0;
    	}
    } 
    
  • 相关阅读:
    Excutor线程池
    java-集合学习-底层实现
    java-接口—策略模式
    java开发技巧
    精进之道——为什么要问老师,不遮掩自己的弱点
    如何学习——为什么不想听课
    如何学习——如果差距过大怎么办
    Yii 之控制器响应
    Yii 之控制器创建使用
    PHP 之命名空间
  • 原文地址:https://www.cnblogs.com/freemantc/p/Markdown-Reader-Extensions-Modify.html
Copyright © 2011-2022 走看看