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

首先,你要看看你选中的歌能不能在网页版的网易云音乐生成外链,因为版权保护原因,有些音乐是生不成外链的,比如这样的: 所以,选些可以生成外链的音乐.生成对应的外链 比如这里的重点是HTML代码中的src    //music.163.com/outchain/player?type=2&id=33911781&auto=1&height=66   这是待会要用到的部分 然后打开你的 hexo目录下的      themes\next\layout\_macro   的sidebar.

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

1.hexo高阶教程:想让你的博客被更多的人在搜索引擎中搜到吗? 2.Hexo Seo优化让你的博客在google搜索排名第一 3.hexo 博客 seo 优化 4.HEXO SEO 高级优化 5.Hexo博客NexT主题SEO优化 6.next文档wiki

前言 笔者在用 Jekyll 搭建个人博客时踩了很多的坑,最后发现了一款不错的主题 jekyll-theme-next,但网上关于 Jekyll 版的 Next 主题优化教程少之又少,于是就决定自己写一篇以供参考. My Blog ? 传送门 本文仅讲述 Next (Jekyll) 主题的深度优化操作,关于主题的基础配置请移步官方文档. 主题优化 修改内容区域的宽度 打开 _sass/_custom/custom.scss 文件,新增变量: // 修改成你期望的宽度 $content-deskt

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

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

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clone,运行,看到博客演示.觉得可以给颗星星):https://github.com/saucxs/hexo-blog-origin.git 一.搜索引擎收录 1.验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点

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

原文地址: Hexo + Github 个人博客设置以及优化 一.博客设置 分类.标签云.关于等页面 在站点目录下分别执行: hexo new page "categories" # 新增分类 hexo new page "tags" # 新增标签 hexo new page "about" # 新增关于 可以在对应的 index.md 中添加 comments: false 来关闭评论功能; 然后再主题配置文件 _config.yml 中打开注

gulp通过对站点使用的静态资源进行压缩,来优化网站的访问速度. 首先安装gulp以及所需要的模块: npm install gulp -g npm install gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save 然后在博客的根目录下创建gulpfile.js文件写入代码: var gulp = require('gulp'); var minifycss = require('gulp-m

前言 上一篇介绍了Jacman主题的安装和配置,今天根据上次的基础做了些优化,让博客看起来很舒服. 正文 首页文章展示摘要 该主题首页文章列表默认是全部展开,感觉不好,我关闭掉了,只展示少量摘要. 修改\themes\jacman下面_config.yml中的expand改成false即可 index: expand: false ## default is unexpanding,so you can only see the short description of each post. e

灵感 这两天在添加“留言”以及“关于”页面,准备先简单设计一下自已的页面.留言页面可以放置一些自已比较感兴趣的音乐.以及一些JS特效,再集成一个第三方的留言功能.关于页面可以放置一些简单的联系方式.以及基础信息的存放,还有自已帅照.嘿嘿嘿嘿.....  音乐插件的集成不在这里过多复述,请参考:hexo添加音乐  关于页面帅照采用NexT的扩展标签fullimage.嘿嘿嘿嘿....    在官方的常见方案中关于NexT的优化,看到一篇帖子,是关于gulp插件的介绍,自动化构建工具,通过一系列的T

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索   U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文

上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功能和所想的风格. 可参考网站 http://theme-next.iissnan.com/getting-started.html 主题设定 选择 Scheme 修改 next 主题配置文件. [root@zhangblog next]# pwd /app/softinsall/hexo/theme

上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护.但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果. 因此这篇文章和下篇文章主要就是针对主题的优化进行书写的. 注意事项 1.优化完毕或者新建博客后需要 hexo g 生成静态文件: 2.然后重新启动服务,使用命令 hexo s -p 80 3.浏览器

示例预览:我的主页 前提预设: [3]hexo+github搭建个人博客的主题配置 [2]hexo+github搭建个人博客的简单使用 [1]hexo+github搭建个人博客的过程记录 背景图片添加 自动切换背景 静态本地背景 首先将已选定的背景图片放到博客根目录下的\source\images下 ​ 示例:D:\Blog\source\images\background.jpg 其次,打开配置文件:D:\Blog\themes\next\source\css\_custom\custom.s

title: 优化hexo目录,使本地图片能显示出来 查看了一下从此蜕变作者的Hexo中添加本地图片,提炼了一些能优化本地图片存放及编写是图片查看的问题. 1.修改配置文件_config.yml 里的post_asset_folder:这个选项设置为true 2.在你的hexo目录下执行这样一句话npm install hexo-asset-image --save,这是下载安装一个可以上传本地图片的插件,来自dalao:dalao的git(未验证有什么用) 3.等待一小段时间后,再运行hexo

文章目录 背景: 开始: 新建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中加入懒加载(最下面