博主喜欢简洁大方的Hexo主题,看了不下100个主题之后,最终选择了 landscape-plus 主题(针对中国大陆地区,对Hexo官方主题landscape进行优化后的版本).更多Hexo主题资源,可以参考帖子:有那些好看的hexo主题? 虽然 landscape-plus 整体风格我很喜欢,但有些细节方面处理得不够精致,只有自己动手改改了.如果大家还有什么好的想法,可以在评论区留言,我为大家定制修改. 原始效果 改后效果 GitHub Clone 地址 修改归档挂件的时间格式:(以下图片,…

最近在优化hexo 新搭建的博客,想给博客添加一个天气插件,奈何找了很久也没发现,好不容易发现一个天气插件 心知天气:https://www.seniverse.com/widget/get 运气不好刚好赶上官方维护,我还咨询了客服 ,插件升级改版暂停新用户接入,老用户还可以继续使用,不过今天的主题不是心知, 接下里步入主题........ 在搜寻插件的过程中无意间用google搜到的一个网站,而且使用更加简单,在这里附上插件添加的方法,在这里不得不吹捧一下谷歌的强大 中国天气网:https:/…

文章目录 背景: 进入正题 pjax初体验--instantclick 真正的pjax 第一步 第二步 第三步 第四步 专门基于hexo next主题的pjax(将丢失的js效果重现) 将下面讲到的提取出来 点击右边的sidebar,sidebar不出现 sidebar自动隐藏,自动显示,点击出现,点击隐藏,回到首页,回到中间等操作 添加bootstrp出现闪屏的现象 右边的sidebar鼠标滚动目录滑动事件没了 局部刷新文章不显示了,文章那里是空白的. 评论没了 局部会闪一下 阅读数没了 百度…

文章目录 背景: 开始: 新建comments_git.js 找到comments.swig在最后一个endif之前 引入代码 pjax加入gitalk 遇到的问题 所有的页面共享的一个评论issue 本地4000启动报错401 没有权限 未找到相关的Issues 进行评论,请联系xxx初始化创建 发现自己的留言板明明评论了却不显示 gitalk自己的博客首次需要登录github进行初始化,初始化的时候跳转到了blog首页. gitalk自己的博客登录成功后报错 Error: Validatio…

文章目录 tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面) 废话 背景 懒加载简单介绍 引入js 重点!敲黑板了!!! 完善懒加载函数 懒加载函数可配置的参数 正式在hexo next中加入懒加载 1: 2: 3:按我的步骤来,不要问为什么. 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面…

在默认设置下,文章链接都会改变,不利于搜索引擎收录,也不利于分享 更改index.swig文件 文件路径是your-hexo-sitethemesnextlayout,将下面代码 1 {% block title %} {{ config.title }} {% endblock %} 改成 1 {% block title %} {{ config.title }} - {{ theme.description }} {% endblock %} 这时候你的首页标题会更符合网站名称 - 网站描…

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

github+hexo搭建好个人博客之后,一般都挑选自己喜欢的主题.在这里为大家介绍一下比如何挑选主题以及如何修改主题. 主题选择: 1:知乎推荐 2:hexo官方 本地目录中打开git bash: 然后使用clone的方法将想要的主题下载下来.(我选用的是hexo-theme-3-hexo主题) $ git clone https://github.com/yelog/hexo-theme-3-hexo.git git克隆完成后,打开当前目录下的“_config.yml”配置文件. 找到the…

这是一个简约.大气.实用的Hexo新主题:BMW…

安装部分配置hexo icarus主题配置 安装icarus 直接下载主题模块放到blog项目 ,blog项目根目录执行 git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus 此时已经下载到项目中. 顶级_config.yml中选择icarus主题 # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/t…

今天看到一个朋友在github上面的issue 大概问题就是怎么在不同的电脑上面使用 git有个这么个东西Submoudle中文叫做子模块 具体使用教程看这里Git-工具-子模块 这里只说怎么搞hexo多主题切换和换电脑啥的 开始 首先分两种情况 1. 主题的出了配置文件 或者其他文件没有DIY过,都是直接clone原来的主题作者的 2. 主题的CSS JS 文件自己改过 没有修改主题源码 如果没有修改主题源码那就按照下面的步骤来作 备份主题配置文件 文件在 themes/主题名字/_confi…

title: 使用hexo建立主题,并发布到github 根据hexo官网的概述和hexo官网的建站,搭建最开始的hexo博客. 1.环境预先安装好node.js和git 2.npm安装hexo: $ npm install -g hexo-cli 3.进入对应目录: $ hexo init <folder> $ cd <folder> $ npm install 4.进入使用命令行: $ hexo clean $ hexo g $ hexo s 5.查看本地运行的hexo loc…

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景 hexo next主题,本人diy的时候pc端点击链接显示正常,但是移动端点击链接页面会偶尔显示偶尔不显示的情况. 解决 单单针对这个错误是不太好排查的,我们先解决看看是不是有其他的错误影响了,通过访问博客发现报错了,是关于require的timeout错误,在自己的另一个文章中解决了这个问题,https://blog.csdn.net/…

一直在使用hexo写自己的博客,最近博客刚刚搬家重新搞了下博客: 1.为hexo添加站内搜索 我用的是algolia,在next主题5.x以上的版本集成了algolia站内搜索功能,我们只需要简单的配置下就可以使用:安装: 1 npm install hexo-algolia --save 配置: 123456789 algolia: 大专栏  Hexo next主题安装algolia applicationID: 'your applicationID' apiKey: 'your apiKe…

Hexo.主题.部署上线 安装Hexo git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹MyBlog,用来存放自己的博客文件,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开). 比如我的博客文件都存放在D:\MyBlog目录下. 在该目录下右键点击Git Bash Here,打开git的控制台窗口,以后我们所有的操作都在git控制台进行,就不用Windows自带的cmd了. npm install -g hexo-cli 安装完后输入hexo -…

使用Next主题 在这里Downloads Next主题代码 将下载的代码放在myBlog/theme/next目录下 设置站点myBlog/_config.yml的theme字段值为next 生成新页面hexo g 开启服务hexo s –debug 发布代码hexo d 注:此时登录网站,发现是空白的,打开控制台,提示很多vendors目录下的文件404,解决办法是将next主题下即myBlog/themes/next/source下的vendors目录名改为lib,并修改myBlog/th…

文章目录 效果 scrollReveal简单介绍以及简单操作 参考文档: next主题中加入scrollReveal 给article标签添加属性 给底部的不蒜子添加属性 本地引入依赖并且编写启动函数 修改require.js主函数 修改pjax的函数 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 效果 https://mmmmmm.me scrollReveal简单介绍以及简单操作 就是…

文章目录 隆重感谢: 背景 开始 试水 成功的案例 安装插件,执行命令. hexo _config.yml文件添加 坑 跳过压缩文件的正确配置方式 压缩html时不要跳过.md文件 压缩html时不要跳过.swig文件 点击的桃心效果消失 gitalk js文件报错 jquery pjax min js报错 隆重感谢: https://blog.csdn.net/lewky_liu/article/details/82432003 https://blog.csdn.net/qq_2180896…

文章目录 require.js的好处, hexo next中加入require.js 新建一个main.js作为所有js的入口 pjax的require.js实现 关于require js适配过程中报的错误 aplayer.min.js只能在--lauout加载 一直报错:MISMATCHED ANONYMOUS DEFINE() MODULES ... 在博客中加requre.js时候,关于aplayer的插件需要. 如图 velocity函数报错 针对pjax的require,我用这个req…

文章目录 注: 正题: 免费cdn 收费cdn 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 注: 千万不要被我的标题迷惑,这不是一个给博客加cdn的博文. 正题: 想给网站各种加速,终于到了cdn这块. 免费cdn "免费的都是最贵的",百度的移动节点不能用,还有很多都是单节点,很多都是自己能访问,有的地区就访问不到,只有收费才能提供更好的服务,都是打着免费的幌子,变相的收费,…

文章目录 效果: 代码: 注意: 背景: 思路: https://www.jianshu.com/p/90c0a15c6f36 http://zhailiange.com/2017/07/06/hexo-encrypt/ 自己写 2018.12.23代码更新 问题一 问题二 问题三 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 如果想自定义功能样式的往下面看看也许会有点收获,为了避免读者不…

文章目录 背景 效果 码 _layout.swig custom.styl eye.js 引用eye.js 直接引用 main.js pjax的函数中重写 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景 我从小爱打游戏,所以视力下降厉害,加上现在工作天天对着电脑,所以想给自己的博客加上护眼色. 效果 博客:mmmmmm.me 码 _layout.swig 在body下面 <div cl…

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 通过不断地上网查资料,引用的js.css.图片文件,通过cdn的方式是比直接放到本地要慢的,所以将自己博客能找到的cdn全部换成本地文件.…

文章目录 背景: 开始: 引入资源: 代码 关键的一步 附:方便学习的小demo 一次成功后还出现上面的bug 结束 2018.12.23发现bug(读者可忽略) 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景: 之前一直用的addthis或者百度分享,可是加入pjax后失效,相应的接口重写也不行,故自己重新加一个分享的功能. 开始: 引入资源: 代码 var $config = {…

将本地hexo博客部署到github上了,如果想换我们自己喜欢的主题(默认为landscape),同时也要发表发表文章呢,下面给介绍下: 1,进入hexo官网,预览自己想要的主题,https://github.com/hexojs/hexo/wiki/Themes 这里拿light为例. 进入hexo博客的目录,如:E:/hexo/themes 右键git bash 输入: git clonehttps://github.com/hexojs/hexo-theme-light.git 然后 cd…

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景: 博主的博客希望实现能够在点击到某个文章的时候,跳转完了之后,页面能够自主的向下滚动到浏览的区域,因为博主的工作是搞java的,js方面在大一大二的时候搞过,有些东西忘记了,或者还没有接触到,有技术的盲区(可能对于阅读这篇文章的你来说有些可笑~),不管那么多,记录下来,以便以后维护. 上代码: function article_top()…

我想对于建立一个网站而言,第一步要能够做到正常在线访问以及定期产出一定的内容, 其实当网站建立好那一刻,这第一步已经算是完成了,不过我在此基础之上做了些扩展 在默认的card主题之上,我设置了标签.分类.搜索.夜间模式.页面目录.footer部分以及延伸引入rss订阅 简洁不等于简单,如果不做出这些扩展性的设置,那么整个页面就显得很空,缺少辅助性的功能. 那么第二部要进行的是进一步丰富主题的功能和样式 [x] 为文章添加缩略图 [x] 可选择创建折叠文本样式 [x] 文章置顶设置 [x] 添加字…

前言 刚开始搭建博客的时候觉得很好玩,可是玩的久了,问题慢慢就出来了,就跟谈恋爱一样＝＝.比如现在我访问博客的时候就感觉慢的要死,不可否认,使用hexo搭建服务器方便快捷,但是由于github作为服务器,也会有速度稍慢的代价产生.既然我不能放弃github,那就只有另寻出路了,作为一名前端,有哪些地方我们可以自己来优化呢? 注:想要拥有自己的博客,你可以看过来.hexo搭建博客系列 先来说说我们在面试中经常遇到的一个问题,在浏览器输入url到页面打开,都做了些什么? 浏览器里输入网址 浏览器查找…

根据此篇博客(点击查看) 配置出自己的博客阅读量,里面介绍了如何配置开通 leancloud 应用 当然介绍我如何配置 yilia 显示自己的浏览量的. 首先在 yilia 主题下修改 _config.yml 添加如下配置信息 # 添加浏览量 leancloud_visitors: enable: true app_id: ************** app_key: ************ #添加一下js插件的 CDN地址 js_cdn: jquery: https://cdn.bootc…

在前段时间,接触一个很喜欢钉钉并且已在内部场景广泛使用钉钉进行工厂内部管理的客户,如钉钉考勤.日常审批.钉钉投影.钉钉门禁等等方面,才体会到原来钉钉已经已经在企业上可以用的很广泛的,因此回过头来学习研究下钉钉的一些业务范围和其SDK的开发工作.钉钉官方的SDK提供了很多方面的封装,不过相对于Java,.NET版本的一直在变化当中,之前研究钉钉C#版本SDK的时候发现一些问题反映给钉钉开发人员,基本上得不到好的解决和回应,而在使用官方的SDK的时候,有些数据竟然无法正常获取(如角色的信息等),而且…