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

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

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

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

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

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

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

Hexo博客插入图片的方法 hexo图片blog hexo blog 插入图片的方法总结 hexo 的blog 内容是根据 markdown 文件的内容生成的html文件, 生成的文件全部在 /public 文件夹中, 所以我们使用相对路径的引用可能导致问题, 总结了一下常用的引用图片的几种方式,记录一下,避免再次忘记 绝对引用: 使用 /source/images 文件夹 相对引用: 使用 post_asset_folder:true 建立文章同名文件夹 CDN 或者图床引用 1. 绝对引用…

这个问题自己很早以前便碰到了,用MathJax语法写的一些公式,在本地Markdown编译器上渲染是没问题的,可是部署到hexo博客中就出现问题了,之前我是使用图片代替公式应付过去了,今天从网上找了一下资料,发现了其问题所在,同时也解决了这个问题. 问题 hexo默认使用hexo-renderer-marked引擎去渲染网页,它会把利用Markdown语法写的文本去转换为相应的html标签.在利用Markdown写MathJax公式的时候,经常会用到下划线_表示下标,但是下划线_会被hexo的默…

Hexo博客(Snail主题)搭建回顾概览 笔者搭建博客地址:https://saltyfishyjk.github.io 目录 Hexo博客(Snail主题)搭建回顾概览 Part 0 前言 写作背景 定位 您在这里可以期望获得: 您在这里无法期望获得: 对读者前置知识的期望 Part 1 笔者参考的其他博客 Part 2 笔者踩过的坑 设置GitHub默认分支为master 直接按照Snail主题官方仓库(给出了重要基本指导)的README.md搭建博客 执行hexo g -d时关闭代理 P…

介绍 statcounter是一个提供网站访问统计服务的网站: StatCounter is a simple but powerful real-time web analytics service that helps you track, analyse and understand your visitors so you can make good decisions ... 本文将介绍如何在hexo博客中配置statcounter服务,以material主题为例 准备工作 注册sta…

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

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

文章转载于:hexo博客yili主题个性化自定义教程(1) --借鉴中学习,初认yili主题 这个博客跌跌撞撞也弄了好多天了,由于Next主题不知道什么情况,被我玩坏了.所以换了一个主题. 大名鼎鼎的yilia主题,崇尚简约优雅,以及极致的性能,符合我的性格.以后很长一段时间都用这个主题啦. 接下来来说一下一些yili主题个性化自定义的方法和自己走过的坑. 本教程适用于yilia主题 前言 由于yilia已经不维护了,坑还挺多的,所以下面这些方法都是我试过了才敢拿出来的. 如果有错误,请原步骤返…

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

Hexo博客主题优化 添加背景图 在 themes/*/source/css/_custom/custom.styl 中添加如下代码: body{ background:url(/images/bg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center; } 修改Logo字体 在 themes/*/source/css/_c…

Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com 目录 目录Hexo博客网站搭建本地环境配置配置 SSH keys发布项目源码结构创建文章布局 layout文件名称 title草稿 draftsFront-matter资源文件夹 asset模版 scaffolds分类和标签命令服务器 server生成文件 generate部署 deplo…

这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为止相对比较好的博客平台.不忘初心,博客园可以说是做的非常好的了,无论在技术博客初衷上,还是万年不变的UI上(2333).因此虽然自己建站了,但是博客园这边也不会荒废,会经常回来看的. 个人博客地址:furur.xyz 下面如正题. 个人博客的搭建不外乎两种,类似Wordpress的动态博客,类似He…

  一.安装新版本的nodejs和npm 安装n模块: npm install -g n 升级node.js到最新稳定版 n stable   二.安装hexo note: 参考github,不要去其官网: https://github.com/hexojs/hexo 安装Hexo npm install hexo-cli -g Setup your blog hexo init blemesh cd blemesh   安装Cactus主题,众多开源主题中比较简洁的一个: 主题页: https…

写在前面 Hexo 博客搭好了有差不多两周时间了,这期间走了很多弯路,跳了很多坑.一些坑自己 bing 到了答案,找到了解决方法,一些坑则是自己摸索出来的解决方法.现在准备写几篇关于搭建流程.搭建过程中遇到的问题和解决方法.俗话说得好,好记性不如烂键盘嘛. 暂时准备写三篇关于 Hexo 博客搭建的博文,博客园只放了其中第一篇部署过程,后面两篇在简书和石匠屋可以找到: 关于 Hexo 博客 腾讯云部署过程 关于 Hexo 博客 NexT 主题的美化插件设置 点击这里 关于 Hexo 博客 添加域名…

https://www.cnblogs.com/sulishibaobei/p/6428241.html 利用hexo+github+nodejs搭建自我博客的一天 http://www.sulishibaobei.com/index20170906/ 关于个人博客的搭建 https://notes.doublemine.me/2015-10-21-%E4%B8%BANexT%E4%B8%BB%E9%A2%98%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E9%98%…

前言 之前我们把hexo托管在github,但是毕竟github是国外的,访问速度上还是有点慢,所以想也部署一套在国内的托管平台,之前查资料听说gitcafe,但是听说gitcafe已经被coding收购了,所以就决定部署到coding. 查询了多方资料,终于鼓捣出了本地一次部署,同时更新到github以及coding. 正文 _config.yml配置 想要同时部署到2个平台,就要修改博客根目录下面的_config.yml文件中的deploy如下 根据Hexo官方文档需要修改成下面的形式 de…

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

转载:Shuyan http://dongshuyan.com/2019/05/24/hexo博客注意事项/ 1.微信分享异常 这里是themes\yilia\layout\ _partial\post\share.ejs出了问题.而且是两个问题: 1.1 首先是百度网盘取消了生成二维码的功能. 解决方法是修改themes\yilia\layout_partial\post\share.ejs文件中的 1 //pan.baidu.com/share/qrcode?url= 修改为 1 //api…

这篇文章主要的作用是作为 .md文件打开,内部的格式为一个初学者对hexo以及markdown语法运用的笔记 1.Hexo的写文格式 最开始为文章的属性部分,以三横杠-开始,-结束.里面记录了文章的标题,日期,以及目录和标签. 标签的作用明白了,目录的作用还不清楚,清楚之后记录在这里 2.如何让代码在Hexo下更加美观 以一种更为美观的方式在Hexo中记录代码 插入链接 标签插件详细介绍页大专栏  hexo博客的学习笔记> 代码块 代码块使用两个大括号作为上下的界限 123 import req…

搭建hexo博客遇到的问题 常用命令 hexo clean 清除hexo缓存 hexo generate 生成文章 hexo deploy 部署 hexo new post name 新建文章名 hexo new page name 新建页面名 hexo clean && hexo generate && hexo deploy hexo cl && hexo g && hexo d deploy时git报错 error:RPC failed…

上次我教大家利用wordpress程序搭建个人网站,这次换个Hexo来搭建咱们的个人博客,那咱们开始吧!先提供官网给大家英文版的请点击这里,中文版的请点击这里,好了然后是工具要准备下,貌似就只要安装git一个吧,再次是github上要有个账号,还有一个重量级嘉宾Node.js(下载点击链接),咱们就可以开始了,git可以到Google上去下载也可以去小编的资源博客下载(也可点击链接),至于github账号就不用我带领大家去弄了吧,网上资源也是很丰富的,首先任意盘里建个文件夹,名字随意,在刚才建的…

博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好久.但是有那么一天,我的主机空间和Typecho突然冲突了,求助了好久也没有得到解决办法,最终不得已开始考虑更换,因为在Typecho上使用的就是移植的NexT主题,于是就对HEXO有了些兴趣,再加上HEXO也是原生的Markdown编辑,最终思量再三后决定就是HEXO了. 下面是我参考了网上的一些…

搭建环境: CentOS 6.5 1.安装git的编译包 yum -y install gcc zlib-devel openssl-devel perl cpio expat-devel gettext-devel curl autoconf 2.下载和安装Git 这里我们需要单独下载官方版本的较为新的Git安装包,即便很多人说直接在线yum install git也可以安装Git,但是默认的版本即便安装上了,以后我们需要提交版本是无法提交的.这里我下载到当前最新的2.4.6版本Git安装.…

什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设置.主题的设置将在后面的章节中介绍. 这个是Hexo官方网站介绍: Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo genera…