本文告诉大家如何在博客使用流程图. 如果你使用的是我博客的模板,那么就可以直接使用我说的文件,如果是自己的主题,就需要在自己文件对应的地方加上代码. 在我的博客里,需要添加下面的js到博客,可以打开 js.html 添加下面的代码.如果是自己定义的主题,需要在博客可以访问的地方添加下面的代码 <script src="//cdn.bootcss.com/raphael/2.2.0/raphael-min.js"></script> <script src=…

title author date CreateTime categories jekyll 在博客添加流程图 lindexi 2019-08-31 16:55:59 +0800 2018-2-13 17:23:3 +0800 jekyll 本文告诉大家如何在博客使用流程图. 如果你使用的是我博客的模板,那么就可以直接使用我说的文件,如果是自己的主题,就需要在自己文件对应的地方加上代码. 在我的博客里,需要添加下面的js到博客,可以打开 js.html 添加下面的代码.如果是自己定义的主题,需要…

目录 内置TOC 添加ScrollSpy博文menu Scrollnav.js 使用方法❤ 最近又双叒把博客模板换成了Jekyll,Jekyll无论上手难度和修改难度都是目前所见流行模板中最低的(以无基础小白的角度来讲),主题也相当丰富.这几年从Django折腾到纯手工自制,再到Hugo和Jekyll,不打算再折腾了,除非再出现更简单更酷炫的新模板吧. 内置TOC jekyll的默认markdown语法是Kramdown.本身支持博文TOC,使用方法和原装Markdown差不多. 在文章头部输入…

Jekyll博客添加Valine评论 关于github搭建jekyl博客,在这里不做过多描述,详情参考: 百度搜索关键字:github搭建jekyll博客 官网:https://www.jekyll.com.cn 我的博客用的模板是:jekyll-theme-next,本篇文章就是基于这个模板添加的. 关于评论插件: Disqus: 需要FQ 网易云评论:需要自己的域名 Duoshuo: 挂了 gitment:逼格太高 其他评论插件没有用过,最后发现了Valine,一款快速.简洁且高效的无后端评…

使用SWIFTYPE为jekyll博客添加搜索引擎 步骤 1.首先去swiftype注册一个账号 2.接着添加自己想要配置的网站地址并为新设定的引擎添加一个名字(非会员只能设置一个引擎). 3.收到验证邮件后去自己的邮箱验证,验证成功后swiftype即开始抓取网站内容 4.接下来选择Setup and integration点击Install search engine进入搜索引擎个性化配置界面.可以自定义外观.搜索内容显示方式等等. 5.配置完成后将产生代码添加到网站目录文件下的_layou…

layout: post title: 给博客添加天气插件 date: 2020-04-26 author: Dapenson header-img: img/post-bg-debug.png catalog: true tags: - 天气 - 博客 - 插件 获取和风插件 在和风天气注册之后获取插件代码 准备和风天气插件代码示例如下 <div id="he-plugin-standard"></div> <script> WIDGET = {…

div.oembedall-githubrepos { border: 1px solid #DDD; list-style-type: none; margin: 0 0 10px; padding: 8px 10px 0; font: 13.34px/1.4 helvetica, arial, freesans, clean, sans-serif; width: 452px; background-color: #fff } div.oembedall-githubrepos .oembe…

代码地址如下:http://www.demodashi.com/demo/13147.html 效果 环境配置 环境 Windows 10 Git Bash 安装ruby 下载rubyinstaller安装:https://rubyinstaller.org/downloads/ (推荐Ruby 2.2.6版本) $ ruby -v 安装DevKit 下载DevKit.exe:https://rubyinstaller.org/downloads/ ,解压完成后进入目录,init初始化,revi…

备注:该教程基于Hexo 2.x版本,目前Hexo是3.x版本,照本教程实现有可能会出现404错误,笔者目前还未找时间去解决,待笔者找时间解决该问题后,再写一篇该问题的解决教程,给各位读者带来困扰,还请多包涵!若有读者遇到类似的问题解决了,欢迎在文章的评论区评论留言,我们相互学习! 前情提要 几个月前,写过几篇关于Hexo博客搭建的教程,最近几天,发现有很多读者私信我一些Hexo搭建过程中遇到的问题,重新燃起了我对Hexo博客的兴趣,于是花了一两天的时间重新将Hexo博客搭建了一下,并通过配置实…

如果是自己搭建博客,有一个问题是如何写一篇新的文章就可以告诉读者,你写了一篇新的?一个简单方法是使用 rss ,RSS订阅是站点用来和其他站点之间共享内容的一种简易方式,即Really Simple Syndication(简易信息聚合),使用这个东西就可以把自己写的博客推送给读者. 本文告诉大家,如果在博客配置 rss 让读者可以订阅. 一般在很多网站都可以看到这个图标,这就是rss,他可以把最新的文章发给你.如果自己的博客没有添加 rss 那么大家需要打开博客才可以发现你写了新的文章,所以建…

title author date CreateTime categories 给博客添加rss订阅 lindexi 2019-09-02 12:57:38 +0800 2018-2-13 17:23:3 +0800 如果是自己搭建博客,有一个问题是如何写一篇新的文章就可以告诉读者,你写了一篇新的?一个简单方法是使用 rss ,RSS订阅是站点用来和其他站点之间共享内容的一种简易方式,即Really Simple Syndication(简易信息聚合),使用这个东西就可以把自己写的博客推送给读者…

前言 本文首发于个人网站Jianger's Blog,欢迎访问订阅.个人博客小站刚建站不久,想着除了主题里的功能外再添加上相册模块,于是半搜索半摸索把相册模块搞出来了,最后采用了利用腾讯云对象存储作图床的方案,在国内速度也快,不用上传图片还来修改代码,只负责上传图片就好.我参考了以下博文给hexo静态博客添加动态相册功能.实现本模块需要两方面的设置:一是腾讯云对象存储:二是代码层添加相关页面: 腾讯云部分设置 腾讯云新用户使用对象存储每月有50G的免费额度,持续6个月.但是!不包括下行流量等其他…

title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分享比较麻烦(它的取消按钮实在太难找了,它在页面最下方的位置,呈现浅灰色,这个设计太反人类了…

CSDN博客添加量子恒道统计代码步骤. 1. 去量子恒道网站统计 注册账户: 2. 添加已有的CSDN博客地址: 3. 添加博客后恒道代码里面会给你一个JavaScript脚本,记下里面的一串数字: 4. 在CSDN  --> 管理博客 --> 博客配置"里面,最下面填写上这串数字,保存配置: 保存之后过一会儿就可以看到统计数据了,直接上图.…

为你的WordPress博客添加CSS3炫酷读者墙,也就是把你文章的评论最活跃的读者显示在单独的一个页面,先看看效果吧: 1.复制主题的page.php,另存为readerwall.php,然后在其顶部添加代码 1 2 3 4 5 < ?php /* Template Name: Reader wall */ ?> 2.接着改文件下面找到 1 < ?php the_content('');?> 在它的前面添加下面的代码 1 2 3 4 5 6 7 8 9 10 11 12 13 1…

博客底部添加网易云音乐播放插件 歌单或者歌曲外链可从音乐界面"生成外链播放器"中得到,选择Flash播放插件即可 footer.html文件增加 实现效果: 历史精选文章: Jlink使用技巧之读取STM32内部的程序 Jlink使用技巧之单独下载HEX文件到单片机 Jlink使用技巧之J-Scope虚拟示波器功能 百度智能手环方案开源(含源码,原理图,APP,通信协议等) 如何在Keil-MDK开发环境生成Bin格式文件 elf格式转换为hex格式文件的两种方法 两个HC-05蓝牙模…

  经过了一天的折腾,我终于为自己的博客添加上了评论系统.坦率的讲,为什么网上那么多方案我还要自己写一篇博客,那就是因为他们说的都有bug,所以我要自己总结一下.   我选用的是gitalk评论系统,原因是因为它可以直接在github上管理评论,不需要在别的平台注册,特别方便.下面我来详细说一下hexo博客是如何添加gitalk评论的.   先看一下效果: 一.配置github   首先进入github,点击右上角头像[Settings]->[Developer settings]->[OAu…

起因 我的博客使用了 hugo 作为静态生成工具,自带的主题里也没有附带搜索功能.看来,还是得自己给博客添加一个搜索功能. 经过多方查找,从 Hugo Fast Search · GitHub 找到一片详细.可用的教程(虽然后面魔改了一些). 实际案例 步骤 在 config.toml 文件做好相关配置: 添加导出 JSON 格式文件的脚本,即在 layouts/_default 目录下添加 index.json 文件: 增加依赖的 JS 脚本,包含自己的 search.js 和 fuse.js…

最近使用GitHub Pages + Jekyll 搭建了个人博客,作为一名重度音乐患者,博客里面可以不配图,但是不能不配音乐啊. 遂在博客里面引入了网易云模块,这里要感谢网易云的分享机制,对开发者非常友好: 1.每首歌曲都支持生成外链播放器,且可以自定义显示尺寸: 2.网易云插件代码实例: <iframe frameborder="no" border="0" marginwidth="0" marginheight="0&qu…

最近在Github Pages上使用Jekyll搭建了个人博客( jacobpan3g.github.io/cn ), 当需要添加评论系统时,找了一下国内的几个第三方评论系统,如"多说","畅言","友言", "新浪云跟贴": 多说,曾经较火的评论系统,网上介绍文章比较多,但已关闭,无法再用了 畅言,sohu旗下的,但是需要个人博客备案后才能使用, 但github pages个人博客感觉备案比较难 友言,jiaThis旗下的,…

目录 前言 准备工作 模板文件修改 写在最后 内容转载自我自己的博客 @(文章目录) 前言 Jekyll 是一个简单的免费的 Blog 生成工具,类似 WordPress .它只是一个生成静态网页的工具,不需要数据库支持,最重要的是,GitHub Pages 基于 Jekyll 构建,所以可轻而易举地在 GitHub 上免费发布网站并自定义域名.Jekyll 具有许多的主题可以选择,也有很多插件可以安装,都只需要在文件_config.yml中写明即可,不过我自己找了好久也没发现具有博客文章访问量…

Thanks to https://blog.csdn.net/Hanghang_/article/details/78944672 跟着这个博客一步步搭建,从jekyll官网上找到自己喜欢的主题. 是在_posts文件夹下面添加markdown文件,我准备采用的md文件编辑器是VS code 怎么在里面添加图片呢? 首先是将图片传到GitHub的image文件夹下,然后通过类似于下面的调用方法: <img src="https://github.com/lyeeer/lyeeer.git…

1.为什么添加algolia搜索 第一当然是可以方便的查找所需文章,第二点就是之前常用的swiftype插件不再免费.我的个人博客是这个月初搭建完成的,这时候swiftype已经不再免费,而且只开放企业邮箱注册. 2.添加效果 3.开始添加 下载最新的next主题(5.1.0),因为最新版的已经集成了algolia搜索,可以省去很多配置和修改. 我的版本: (themes\next\_config.yml文件最下方查看) 去algolia官网注册账号(我直接使用的github的账号) 参照下图新…

依稀记得在cnblogs很多大牛的博客里见到过大牛的新闻公告栏里那种动感十足的Flash时钟控件,先上图: 作为一名刚的接触博客菜鸟,自然免不了一番好奇.博客设置选项里翻来覆去找(以为是cnblogs自带的功能...),主题样式换了好几个,就是找不到带Flash样式的.不过倒是在设置里找到个“博客侧边栏公告”的东东,如图所示.…

最近闲来无事,捣鼓了一下Git以及Github,尝试了一下基于Jekyll搭建个人博客的方法,现在把整个过程进行一个总结(部分内容转自互联网): <img src="http://upload.chinaz.com/2014/0616/1402906891370.jpg" alt="静态博客 Jekyll入门 网站建设" width="607" height="250" /> 一.Jekyll简介 Jekyll是一…

原文地址:→传送门 写在前面 在五月出捣腾了一把个人博客,但是刚开始只做了一些基础设置,套路也没摸清,基础安装篇请看hexo从零开始到搭建完整,里面讲到了基础工具的安装及blog项目的文件夹含义,以及RSS添加.域名的绑定等操作,后来想着加点功能,但是奈何我选的主题集成的东西比较少,需要一比一步自己添加,于是摸索了一番...现在真是发现了next主题的好处,不仅持续更新,而且作者已经在主题中集成了各种功能,简直爽歪歪,不过我还是默默的接着摸索吧!下面介绍几种好用的东西. 推荐七牛云 添加百度SE…

关于gitment gitment其实就是利用你的代码仓库的Issues,来实现评论.每一篇文章对应该代码仓库中的 一个Issues,Issues中的评论对应你的博客每篇文章中的评论.如果你是用github的博客的话 用起来将会十分的方便. 注册github应用 首先需要在这注册一个OAuth Application, 请戳此处.在注册的过程中,你需要输入以下的东西: Application name 随意就好 Homepage URL 你的博客地址,例如https://detectivehlh…

栏目代码 <div id="panel_Search"> <img src="http://img.blog.csdn.net/20170719024744725?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva3hwOTU0NQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast"> <fo…

首先挑选想要的图标样式 https://blog.github.com/2008-12-19-github-ribbons/ 效果和代码如图 打开博客后台设置,页首html设置 讲网页右边的代码粘贴过去即可,注意将github的地址换成自己的地址,需要新开窗口打开,可以给a标签添加targe=“blank”属性~ 最终效果就是有一个滚动的fork me on  github 的图标了,想像我这样的当然还要再设置别的啦…

https://pages.github.com/ http://jekyllbootstrap.com/usage/jekyll-quick-start.html Jekyll是一个静态网站生成器,用ruby编写而成,结合了markdown 等技术,简化了静态网站的构建过程,可以方便的生成具有简单动态功能的网站,我的gitpage :http://zhouyongtao.github.io/  ,跑Jekyll的环境还得本地配置发布,个人觉得过于麻烦. 创建版本库 创建一个新的版本库,命名为…