博客已迁移至http://lwzhang.github.io. 基本上所有的hexo主题默认都没有实现相册功能,一方面相册功能的需求较少,毕竟hexo主要是写博客用的:另一方面实现相册功能比较麻烦,比如说: 图片放哪里,放在source文件夹中,需要解析成静态文件,图片一旦多的话就会解析的非常慢 怎么批量获取图片url(文件名),图片那么多,不可能一个一个的手动输入图片url 等等 所以需要找到一个好的解决方法. 注意:本博客使用的是yilia主题,该主题作者litten有实现了相册功能,但他是

用最清晰简洁的方法整合一个响应式相册 效果 技术选型 由于我选用的主题使用了fancyBox作为图片弹出展示的框架,查看后表示很不错,能满足需要 http://fancyapps.com/fancybox/3/ 图片加载可能会太慢,所以还需要一个图片延迟加载插件 Lazyload 想使用瀑布流作为展示,粗略了解了下,便使用开源的MiniGrid,原因是它很小巧也刚好满足需求(ps:它的文档让我看了很捉急,不完善的文档是个大坑) 相册文件夹 按照Hexo官方给的建议 资源(Asset)代表 sou

/admin/js/uploader.js 中 filetypes: "jpg,jpge,png,gif", //文件类型 改为 filetypes: "jpg,jpeg,png,gif", //文件类型

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

在您现在看到的我的博客站点,后台使用的是 Hexo 作为博客引擎,但是默认集成的搜索组件是进行 form 提交到 Google 进行搜索的,为了更好地体验,本文介绍如何在 Hexo 博客中集成 Swiftype 搜索组件. 更好的阅读体验在我的博客原文地址:http://blog.parryqiu.com/2016/02/03/how_to_add_swiftype_search_to_hexo/ 1. 关于搜索组件 站点中集成搜索组件,可以很大地方便用户进行快速查找博客内容,但是 Hexo 处

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

1.如何在H5上传图片 使用FileReader 2.FileReader接口 传图片我们只用到readAsDataURL 3.FileReader接口事件 传图片我们只用到onload 4.如何使用FileReader <script type="text/javascript"> var result=document.getElementById("result"); var file=document.getElementById("f

前言 上一篇文章介绍了hexo+gitHub简易搭建属于自己的个人独立博客,但是主题是默认的landscape,略显简单,今天的教程推荐Jacman主题. Jacman是一款为Hexo打造的一款扁平化,有着响应式设计的主题,个人感觉还不错就使用了. 正文 安装主题 $ git clone https://github.com/wuchong/jacman.git themes/jacman 启用 修改你的博客根目录下的config.yml配置文件中的theme属性,将其设置为jacman. 更新

介绍 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

最近有几位同学在公众号后台留言问我的博客站是怎么建站的,思来想去,还是写一篇从 0 开始吧. 前置准备 我们先聊一下前置准备,可能很多同学一听说要自己搭一个博客系统,直接就望而却步.不得有台服务器么,不得搞个数据库么,不需要域名备案么?当然,这些确实是建立一个博客站点需要的东西,如果都没有,问题倒是也不大. 首先,Github 为我们做出了巨大的贡献,直接帮我们解决服务器和域名问题,当然,在国内访问 Github 可能会有些慢,但是国内有 Gitee 啊,完全不逊色 Github 的好不好. 博

目录 hexo 常用指令 站内文章跳转 hexo安装 NexT主题 默认主题 评论插件-gitalk 修改内容区宽度 添加文章阴影 文章摘要设置 一篇文章多个 categories hexo的一些配置和命令 hexo 常用指令 hexo new "post title with whitespace" // 新增md文章 hexo clean // 清除 hexo g // 生成静态文件. hexo g -d // 文件生成后立即部署网站 站内文章跳转 通过内置的标签插件的语法post

1.基础准备 github账号 安装git 安装node.js.npm 2.创建repo 3.配置SSH key 这一步并不重要,配置SSH key与否,并不影响博客的搭建和使用,只是配置了之后,更新博客方便一点,不用每次都输用户名和密码. 打开终端,输入如下命令 cd .ssh ls -la 检查终端输出的文件列表中是否已经存在id_rsa.pub 或 id_dsa.pub 文件,如果文件已经存在,那么你可以跳过步骤 �创建SSH key$ ssh-keygen -t rsa -C "your

我在研究如何在Hexo中引用本地图片时,看到官方文档对此问题已给出了解决方法,并亲测有效.当然,我并不满足于仅仅知道这一个技巧.在大致阅读过官方文档后,我总结了之前我个人并不知道的几个关于Hexo写博客的小技巧. 因为我懒得搞图床了,所以请多点一下鼠标,到我的个人博客查看. 事实证明,多看官方文档是有好处的.

在上一篇博客手摸手带你用Hexo撸博客(一)中主要介绍了博客的初步搭建 今天我们继续讲如何在Hexo搭建的博客中应用主题 官网选择自己喜欢的主题 点击这里Hexo主题进入官网主题页面 然后选择自己喜欢的一个 我这里选择的是Butterfly主题,也是我目前仍在使用的 安装 目前有三种安装方式Gitee.GitHub.npm Gitee安装 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git theme

在经过前面的改进之后本来以为已经没有问题了,但经过我们神通广大的测试的测试,发现相册中的图片在上传时也会发生转向问题.既然前面都解决了拍照转向的问题,那么相册中图片的上传也容易解决.修改一下需要旋转图片的类型判定即可,修改如下: var type = file.name.match(/\.\w+$/)[0].toLowerCase(); if (type == ".jpg" || type == ".jpeg") 凡是jpg类型的图片都要旋转,经过测试,相册中的单张

之前我已经写了一篇文章详细的讲述了如何使用hexo搭建github博客.如果还没有看的可以去看看,hexo搭建博客 其实,根据这篇文章的过程我们就能够搭建一个专属于自己,并且非常美观的博客了.但是如果你像我一样喜欢折腾,喜欢做到极致,比如添加打赏,添加文章导航,以及文章阅读次数,这些都很简单,按照主题文件的模版一点点修改,就能实现自己想要的效果了. 这篇文章主要记录我折腾的两个功能: 相册和独立域名. 相册 首先,看看我们实现后的效果,点这里看我的相册 分析 然后我们分析一下,想要获取相册图片,

///////////////////////////////////////////////////////////////////// 获取相册列表:必须先授权登入 1.1.  String mAppid2="222222"; private void login() { Tencent mTencent = Tencent.createInstance(mAppid2, QzonePicturesActivity.this); IUiListener listener = new

导入相应的库 import Photos import AliyunOSSiOS 选取照片需要继承 UIImagePickerControllerDelegate,UINavigationControllerDelegate class TestViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate{ } 在info.plist中添加相关配置如下 <!--

1.因为项目中有三处地方需要上传,所以html中存在三处地方.身份证正反面为上传一张,发票限制上传9张. <div class="action1"> <!--展示图片页面--> <button id="InputFile" class="InputFile image-item cardpica"></button> </div> <div class="action2&

中小研发团队架构实践之生产环境诊断工具WinDbg 生产环境偶尔会出现一些异常问题,WinDbg或GDB是解决此类问题的利器.调试工具WinDbg如同医生的听诊器,是系统生病时做问题诊断的逆向分析工具,Dump文件类似于飞机的黑匣子,记录着生产环境程序运行的状态.本文主要介绍了调试工具WinDbg和抓包工具ProcDump的使用,并分享一个真实的案例.N年前不知谁写的代码,导致每一两个月偶尔出现CPU飙高的现象.我们先使用ProcDump在生产环境中抓取异常进程的Dump文件,然后在不了解代码的