惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Help Net Security
博客园 - Franky
GbyAI
GbyAI
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
爱范儿
爱范儿
IT之家
IT之家
酷 壳 – CoolShell
酷 壳 – CoolShell
aimingoo的专栏
aimingoo的专栏
博客园_首页
MongoDB | Blog
MongoDB | Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Recent Announcements
Recent Announcements
Scott Helme
Scott Helme
有赞技术团队
有赞技术团队
M
MIT News - Artificial intelligence
C
CERT Recently Published Vulnerability Notes
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Jina AI
Jina AI
F
Fortinet All Blogs
N
Netflix TechBlog - Medium
L
LangChain Blog
L
LINUX DO - 最新话题
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
H
Hacker News: Front Page
MyScale Blog
MyScale Blog
P
Palo Alto Networks Blog
G
Google Developers Blog
Google DeepMind News
Google DeepMind News
AI
AI
T
Troy Hunt's Blog
Microsoft Azure Blog
Microsoft Azure Blog
阮一峰的网络日志
阮一峰的网络日志
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Vercel News
Vercel News
Microsoft Security Blog
Microsoft Security Blog
罗磊的独立博客
S
Secure Thoughts
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
人人都是产品经理
人人都是产品经理
Blog — PlanetScale
Blog — PlanetScale
博客园 - 司徒正美
Apple Machine Learning Research
Apple Machine Learning Research
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
S
Security @ Cisco Blogs
Cloudbric
Cloudbric
E
Exploit-DB.com RSS Feed
Attack and Defense Labs
Attack and Defense Labs

博客园 - 胖子

Visual Studio Code 使用心得 Philips K700 使用感受 XML、二进制、SOAP的序列化 清除UTF-8文件的BOM头 powershell 相关 FireFox在windows2003的操作系统支持Windows Media Player插件 关于javascript编码url的中文参数 [转]IIS 6.0中配置HTTP Gzip压缩 数码相机在windows2003下的问题 MyGeneration连接MySql数据库的解决办法 一个简单的操作活动目录的类(ADHelper) SmartPhone下解决rm、rmvb等格式电影播放的方案(参考意见) 读写类似web.config的xml格式文件 - 胖子 - 博客园 Awstats 安装使用说明 关于博客园的聚合问题 关于保持页面滚动条位置的一些体会 胖子的故事(四) 胖子的故事(三) - 胖子 胖子的故事(二) - 胖子
Markdown Reader 插件改造
胖子 · 2017-06-09 · via 博客园 - 胖子

2017-06-09 16:21  胖子  阅读(2873)  评论()    收藏  举报

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

准备工作

  1. 从应用商店安装扩展
  2. 打开chrome插件管理(chrome://extensions)找到插件对应的ID
  3. %USERPROFILE%\AppData\Local\Google\Chrome\User Data\Default\Extensions 找到对应的目录
  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{width: 21cm;margin:0;padding:0;}
	.content{
	  width: 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;
	  width:0;
	}
}