灵感 想给自已的blog添加一个相册功能.给生活中的点点滴滴留影记录.搜寻网络上给Next主题添加相册功能的基本上没有,只能重头到尾开始一点点的实践.    大致的想法:  1. 相册展示类似于归档一样,按时间戳来分类  2.每一个时间节点都是一个小相册,展示的时候上面是相册的标题,下面是几张经典图片的缩略图  3.点击标题,进行相册的详细页面,可以看到更多关于这个小相册的图片  4.相册展示的特效类似于Lawlite  实践 插件开发实践   由于Hexo基于NodeJS开发的,通过插件的方式…

Hexo是一个开源构建blog框架,基于nodejs研发.可以自由切换主题,插件等功能,实现自已酷炫博客需求. 下面是基于hexo实践所产出的一些心得,供大家参考. 基础 Hexo 搭建 Hexo 与 Git 集成 Hexo 自动同步 特效 Hexo页面优化和音乐的心得 Hexo 添加自定义的内置标签 Hexo 相册实践 优化 Hexo Next 调优 Hexo High一下以及压缩排版问题 Hexo Daemon…

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

欢迎大家前往云加社区,获取更多腾讯海量技术实践干货哦~ 作者简介:xianmau,2015 年加入腾讯 TEG 架构平台部,一直负责 QQ 相册平台的维护和建设,主导相册上传架构重构和容灾优化等工作.主要研究方向为口语对话系统.分布式系统架构设计和优化,发表对话系统相关学术论文 3 篇,系统架构相关专利 2 篇. 本文由腾讯技术工程官方号发布在云加社区. 写在前面 QQ 相册作为重量级资深业务,稳定运营.有效容灾,一直是相册团队追求的目标.QQ 相册架构一直在演变进化,本文重点介绍相册最新的一次…

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

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

关注「WeiyiGeek」公众号 设为「特别关注」每天带你玩转网络安全运维.应用开发.物联网IOT学习! 希望各位看友[关注.点赞.评论.收藏.投币],助力每一个梦想. 本章目录 目录 0x00 Gitalk - 基于Github的评论系统 1.快速介绍 2.安装部署 3.使用实践 n.入坑出坑 1.使用Gitalk进行Github的Oauth认证无法跨域获取Token问题解决办法 作者: WeiyiGeek [唯一极客] 首发地址: https://mp.weixin.qq.com/s/2LL…

1. 必须要安装 nodejs,git 2. 安装hexo node install -g hexo 3. npm源的问题使在安装时有卡住的问题而导致无法安装,则需要更改npm的源 npm config set registry="http://registry.cnpmjs.org” 4. 执行完上面命令后,进入指定目录(自定义的项目目录)再执行 hexo init 5. 接着执行以下命令生成静态页面至public目录 hexo generate 6.在基目录下可以看到public目录下的所有…

提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OSS(https://www.aliyun.com/product/oss) 4.HTTPS(http://baike.baidu.com/view/14121.htm) 阅读目录结构 引: 一.准备工作 二.整体功能结构 三.具体实现步骤 四.关键点和问题处理 五.延伸与扩展 六.总结与思考 引:…

这个最佳实践是我目前人在做的一个站点,主要功能: oauth登录 发布文章(我称为"片段"),片段可以自定义一些和内容有关的指标,如“文中人物:12”.支持自定义排版.插图.建立相册. 多个片段可以组织在一起,形成"事件". 任意事件.片段都可以互相标记因果关系. 可以follow事件或者他人. 事件和片段模糊搜索. 我对目前前端框架的观点已在另一篇文章中讲过,这里只介绍一下目前实践的情况. 使用requirejs做模块化,上线时用r.js打包. 使用avalon做…