如何在博客中插入jsfiddle的代码

1.进入官网:https://jsfiddle.net/ 可以看到如下界面,顶端的控制按钮包括:保存,运行,代码格式化等: 2.将html.css.js分别写在指定的位置当中,最后一个框result是显示效果的: 3.代码编辑完之后保存,会得到上面所写代码的链接,把这个链接复制下来,后面插入博客就用它 4.在博文中插入以下代码: <iframe style="width: 100%; height: 300px" src=" https://jsfiddle.net/m…

使用Scribefire在博客中插入语法高亮

效果如下, 文字1 int cool void main() { cout<<"hello world!"<<endl } 文字2 经过一番折腾,终于搞定了博客里面插入语法高亮的问题, 由于最近要在Ubuntu下面干活,一时间找不到顺手的博客软件. 搜索了一下发现Scribefire这个浏览器插件评价不错,于是就决定试试. 不过,这个插件插入语法高亮不是很方便,要自己编辑html文件,具体方法如下, 打开Scribefire,编辑文字想要插入语法高亮时,点击P…

使用Scribefire在博客中插入语法高亮 II

效果如下, 这是我们在Scribefire中添加的code按钮,单击此按钮,则会出现在codeHere中直接输入代码就可以了. 查看html 可以看到,其中已经添加了<pre>标签. 下面是配置说明: 配置过程参考了这篇文章:linux centos下安装wordpress客户端 ScribeFire 并添加代码高亮功能一楼留给这位大神大神说ScribeFire的编辑器是用的tinymce的API,上文是大神分析的结果所以实际上我们的配置工作就是针对tinymce的API 按照大神的文…

手把手教你在CSDN博客中插入图片之剑走偏锋系列

1.在博客园注册账号.你没有看错,就是博客园,在图像上传方面博客园比CSDN这个垃圾强太多了. 2.在博客园进入随笔撰写编辑模块,点击上传图像按钮(点最黄的那个,别点错了). 3.弹出如下窗口 ,点击上传本地图片按钮. 4.弹出如下窗口,选择合适的路径和图片后,点击打开按钮. 5.弹出如下窗口,表示正在上传,这时候你能做的就只有等待了. 6.图片上传成功! 7.鼠标光标移至图片上,单击鼠标右键,选择剪切按钮(如图像大小不合适,也可以在单击鼠标左键后对图片进行缩放). 8.到CSDN博客编辑界面,…

Hexo博客中插入 Chart 动态图表

该文基本(全部)来自于chatjs中文文档由于使用pjax,导致页面需要二次刷新才会显示表格,故引入了自动刷新的JS,但这样会导致回退标签失效背景今天在谷歌上逛博客时,突然发现shen-yu大佬根据chatjs写了一个Hexo插件,出于兴趣,打算使用并记录该插件的效果. shen-yu大佬 chatjs中文文档由于插件的安装和图表的使用上面两个链接已介绍得足够详细,本人只做一些图表的演示,并充当一个函数,实现代码的复用(手动狗头). 图表折线图效果示例用法 {% chart 90%…

hexo博客如何插入图片

Hexo是一个静态的博客网站生成器,生成一个博客只需要分分钟的时间就能搞定. Hexo的博文是支持Markdown格式的,发表一篇文章只需要简简单单的几个命令. hexo new '文章'就会生成一个名为'文章'的md文件. 在图中位置添加描述,分类以及标签,有利于搜索分类. 如何向hexo博客中插入图片众所周知,在md文件中插入图片的语法为![](). 其中方括号是图片描述,圆括号是图片路径. 一般来说有三种图片路径,分别是相对路径,绝对路径和网络路径. 所谓的网络路径就是直接引用网上的图片…

带图片的word快速插入到博客中

最近在博客中写文章的时候,最烦的就是将word文档整体传到博客中,不能一次把图片粘贴上去,再次去添加图片的时候要截图还要找对位置才可上传,偶尔的机会在网上看到有人这么处理,挺好用的,这里我也做个备注. 第一步:准备文件: 1.我们要打开我们的图文并茂的word文档,打开方法当然是word文档编辑器了,我用的office2010的word: 2.需要对文件进行另存,点击word菜单的"文件--另存为": 3.我们在文件类型选择为网页(.htm;.html),假设你起名为test,那么,在…

怎样将word中的图片插入到CSDN博客中

目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写博客需要在第三方博客平台注册帐号,且需要第三方博客平台提供API接口.目前的有的博客平台均已关闭博客接口,所以无法使用Word来发布博客. 2.发布到博客或公众号平台的图片无法转载.由于所有博客平台,公众号平台(如微信)开启了图片防盗链功能,作者发布到这些平台上的图片则无法转载到其它的网站中,这限制…

如何在博客中使用SublimeText风格的代码高亮样式

因为觉得博客园自带的代码高亮样式很单一,不符合作为前端的我的审美习惯,于是下定决心要想办法折腾出一个方法来应用上另外一套代码高亮样式. 虽然探索的过程是很痛苦的,但最后还是成功了,但也不枉付出的那些努力.近来有网友问及如何实现,现分享出来,看完本文后你也可以把自己博客的代码整得漂亮些,让别人看着舒服些了. 方法其实是很麻烦的,即使是写了好几篇博客了对这个过程我已经娴熟了,但其实也还是挻麻烦的.不过谁叫我有是个偏执狂呢,为了让页面漂亮我愿麻烦自己,舒服大家.如果你有更好的方法那当然更好. 安装su…

借用Snippet插件美化博客中的代码

书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件. 笔者在网上翻阅的时候发现了Snippet插件,其支持众多的代码类的美化--例如:HTML.CSS.JS.C#等.并有39种不同的美化风格可供选择. 其官网地址:Snippet插件官网.在官网上,已经比较详细的介绍了插件的使用方法,这里就不在赘述了. 和许多美化插件一样,该插件是基于JQuery的,故在使用的时候,要先引用相关的文件,如…

在hexo静态博客中利用d3-cloud来展现标签云

效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:https://github.com/jasondavies/d3-cloud demo地址:https://www.jasondavies.com/wordcloud/ hexo生成的是静态博客,所以最后在网上看到的都是静态的内容,也就是说,我们的看到的标签云也是静态的已经生成好的内容,并不会随着刷新…

关于完整解答Leo C.W博客中名为“我们公司的ASP.NET 笔试题，你觉得难度如何”的所有题目

关于完整解答Leo C.W博客中名为“我们公司的ASP.NET 笔试题,你觉得难度如何”的所有题目,请大家鉴定,不足之处,敬请指教! 第1到3题解答如下: public enum QuestionType { Text = , MultipleChoice = } public interface IQuestion { string Title { get; set; } QuestionType Category { get; } string GetAnswer(); } public a…

在个人博客中优雅的使用Gitalk评论插件

在上一篇博客<程序员如何从0到1搭建自己的技术博客>中,我们了解了如何快速的从0到1搭建一个个人博客. 其实细心的你会发现,该博客用到了一个评论插件,这个插件就是Gitalk. 如果想要在博客中正确的使用该插件,还是需要修改下_config.yml里关于Gitalk的配置的. 也许你会好奇Gitalk是什么?有什么用途? 我们打开下Gitalk的官网https://gitalk.github.io/,就能看到答案. Gitalk其实就是一个评论插件,访问网站的用户可以使用GitHub账号登录后…

修复在“Android 在ScrollView中嵌入ViewPage后ViewPage不能很好的工作的问题解决”这篇博客中MyScrollView出现滑动一会就不会上下滑动的问题

在“Android 在ScrollView中嵌入ViewPage后ViewPage不能很好的工作的问题解决”,这篇博客中的大部分问题已经解决了. 唯一遗憾的是,ViewPage随人能够工作了,但是MyScrollView有些时间却不能够正常的工作(滑动一会儿后,MyScrollView不能够上下滑动了) 针对这一问题,下面我将给出一个完整的解决方案.请看下面这段代码: package com.fortrun.client.view; import android.content.Context;…

如何将word中的图片和文字导入自己的博客中

在CSDN博客中添加量子恒道统计功能的做法

作者:朱金灿来源:http://blog.csdn.net/clever101 什么是量子恒道统计?量子恒道统计是一套免费的网站流量统计分析系统.致力于为所有个人站长.个人博主.所有网站管理者.第三方统计等用户提供网站流量监控.统计.分析等专业服务.量子恒道统计通过对大量数据进行统计分析,深度分析搜索引擎蜘蛛抓取规律.发现用户访问网站的规律,并结合网络营销策略,提供运营.广告投放.推广等决策依据. 今天介绍下如何在CSDN博客中添加量子恒道统计,首先你需要在量子恒道统计网站注册,然后进入用户管…

在博客中增加自己的live2d纸片人模型方法

目录在博客中增加自己的live2d纸片人模型准备工具使用步骤附件在博客中增加自己的live2d纸片人模型准备工具 github仓库:存放live2d模型和json文件如果你的博客支持本地存放文件也可,主要是博客园只支持集中格式,太坑了. 注意如果你使用git仓库的话,firefox浏览器可能不能成功显示,原因是CORS安全策略阻止了跨源申请现成的带json的live2d模型. 这个可以到资源群或者百度贴吧去找(也可以自己做如果没有的话,作者推荐了两个少女前线的模型,非常好康,地…

博客中新浪图床迁移至阿里云的OSS

前言因为之前有个新浪的图床,还挺好用,而且免费,自己博客的图片上传到其上面也挺方便的,但是,前几周吧,突然图片就不能访问了,之前本来是想通过添加 meta 头来解决的,但是发现没有效果.于是就自己搞了个阿里云的OSS, 主要用作为图床.前段时间因为数据分析写报告时,特地学了Shell,刚好Shell 就适合来处理这种数据量不是很大的数据,于是就花了点时间来迁移图床了. 前提准备阿里云OSS 开通 Shell 基础知识 curl awk cut 最好有博客园API Post Blog 这个…

博客中gitalk最新评论的获取 github api使用

博客中,对于网友的评论以及每篇文章的评论数还是很重要的.但是基于静态的页面想要存储动态的评论数据是比较难的,一般博客主题中都内置了评论插件,但是博客主题中对于最新评论的支持显示还是很少的,至少目前我是没怎么发现.博客 Powered by Hexo & Icarus,采用Gitalk评论,再次感谢此三位作者的辛勤码代码,才有了以下的内容.基于此背景基础上,聊聊最新评论的实现. 博客的使用, Hexo & Icarus,采用Gitalk评论的使用自行百度了. 使用场景最新评论列表最热文…

关于将sublime中的代码高亮导出到博客中

第一步:打开sublime编辑器,用快捷键ctrl+shift+p调出control panel,在出现的输入框中输入install,按回车键第二步:然后输入插件名称sublimehighlight,选中并进行安装,当页面最下方出现一行输入框的时候,将此行代码粘贴进去:”https://github.com/n1k0/SublimeHighlight/tree/python3“ 按回车键第三步:接下来,再设置代码的样式设置方法为:依次点开下图所示: 第四步:此时会出现一个页面,我设置的代码…

在博客中显示图片_Mac版

主要是防止自己忘掉为了解决一开始自己想在写入的博客中添加本地图片,直接链接的话在自己的电脑倒是可以显示图片,但是在别人的电脑上就没办法加载图片了,问各路大神也没人愿意解答,百度也没有想要的答案,只好自己摸索笨方法. 小白新进,不喜勿喷在桌面新建一个文件夹,保存你想要上传的图片,假设名字为pic0 打开Github Desktop,点击左上角的+号,在Name中添加存储图片工程的名字,我这假设Name为picture0,Local Path是选择保存文件夹picture的地址,假设路径为~/D…

如何在hexo博客中在线阅读pdf

前言有一些资料或者笔记是pdf版本的,如果想要放在博客中进行阅读,那么就得将其转换为markdown格式或者html格式.但是这样转换后,其原pdf的格式就会混乱了,排版将会变得很困难,不过一山更比一山高,由mozilla支持的在线pdf阅读插件就可让我们在网页中进行pdf的阅读. 这是官方的示例那么我们该怎么使用呢? 下载要使用那么最基础的就是我们要先下载,直接去官网在线pdf阅读插件下载官方已经压缩好的即可. 如果去github下载源码还需要进行一些小操作.想挑战一下的可以去gihub…

在博客中使用LaTeX插入数学公式

在博客中使用LaTeX插入数学公式在学习机器学习中会接触到大量的数学公式,所以在写博客是会非常的麻烦.用公式编辑器一个一个写会非常的麻烦,这时候我们可以使用LaTeX来插入公式. 写这篇博文的目的在于,大家如果要编辑一些简单的公式,就不必自己写,直接copy过去修改下就能用了.所以下面仅列出些常用的grammar.随着.机器学习的深入会添加更多的相关公式. LaTeX公式基础这里的基础嫌烦的话可以先不看,直接看杂例,有不理解的地方在回来看这里的内容.此处知识摘取了一些简单的语法,如果需要完整…

博客中最快捷的公式显示方式：Mathjax + Lyx

经常为在博客园中显示公式而烦恼的同志们看过来!! 什么是mathjax? 答:就是在web中显示公式用的,基于JavaScript写的,关键是开源,网址http://www.mathjax.org/,至于怎么安装呢?英文好的读者可以自己去读,英文不好,就听我忽悠,万一成功了呢?哈哈哈.. 放心啦,我也是读了半天英文弄出来的: mathjax的安装超级简单:博客园后台管理->设置->页首html代码:粘贴下面代码,记得保存!安装完成! <script type="text/x-m…

偶然在博客中见对百度一个面试题的探讨，写些自己的看法以及指出探讨中不对的观点：百度面试题：求绝对值最小的数有一个已经排序的数组（升序），数组中可能有正数、负数或0，求数组中元素的绝对值最小的数，要求，不能用顺序比较的方法（复杂度需要小于O（n）），可以使用任何语言实现例如，数组{-20，-13，-4, 6, 77,200} ，绝对值最小的是-4。

今天申请了博客园账号,在下班后阅览博客时发现了一个关于百度面试题探讨的博客(其实是个很基础的问题),此博客url为:http://www.blogjava.net/nokiaguy/archive/2013/01/30/394920.html 其中下面有人评论为: 有序列表查找显然二分啊,博主貌似对java的arrays和collections不是很熟. private static int getMinAbsoluteValue(final int[] source) { int index…