ngudream 的 Hexo 博客源码
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs
sudo npm install hexo -g
(1)安装hexo-deployer-Git
npm install hexo-deployer-git --save
(2)字数统计插件
npm install hexo-wordcount --save
(3)用于生成搜索引擎网站地图
npm install hexo-generator-sitemap --save
(4)博客备份请参考
https://github.com/coneycode/hexo-git-backup
(5)右下角的站内搜索
https://github.com/androiddevelop/hexo-search
(6)左边拦的站内搜索优化
http://www.tuicool.com/articles/ZRZnErq
笔者修改的Hexo\node_modules\hexo-generator-search下的文件index.js、search.ejs已附上,可以减少生成的search.xml文件大小。
(7)代码高亮
http://ngudream.com/2016/09/13/hexo-install-prettify/
(8)css、js、image等压缩
http://luckykun.com/work/2016-07-10/hexo-faster.html?utm_source=tuicool&utm_medium=referral
笔者修改的gulpfile.js文件也已附上。
(9)博客图片文件夹,hexo new page的时候同时在_post目录下生成一个同名的文件夹,这样每篇文章用到的图片就是单独放在相应的文件夹下,方便寻找、处理。
http://www.jianshu.com/p/c2ba9533088a
(10)添加emoji表情
cd hexo
npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it --save
npm install markdown-it-emoji --save
(11)备份插件:https://github.com/coneycode/hexo-git-backup
npm install hexo-git-backup --save
趁快放假这两天,工作上没什么事做(其实是不想做*^÷^*),实验性的加入了 InstantClick,它可以大大加速你的网站响应速度。原理就是在访问者点击一个链接之前,鼠标会悬停在链接上面,这两个事件之间通常有200ms~300ms的间隔,InstantClick 利用这个时间间隔预加载页面。
因为使用 InstantClick 会带来比较多的问题,所以一直没打开这个开关,现在有时间了,偿试着解决了部分问题,但还是有比较多的bug,现在只开放了文章使用 InstantClick,左边栏各项目还没有使用,年前没时间修改bug了。欢迎下载试用,并填坑(•‾̑⌣‾̑•)✧˖° 试用体验地址
主要修改点如下: (1)、在进入文章页面时,要设置以下,要不文章是看不见的:
$(".article").css("opacity", "1.0");
(2)、多说评论在click2show.ejs中要主动调用
if (typeof DUOSHUO !== 'undefined'){
DUOSHUO.EmbedThread('.ds-thread');
}
(3)、处理文章目录,要在 InstantClick change 后主动调用 toc.js 中的方法,要不然目录的显示隐藏、双击打开等都无法使用。详情见 after-footer.ejs 文件;
(4)、左边栏的搜索,要在 InstantClick change 后主动调用 main.js 中的搜索函数,即 after-footer.ejs 文件中的 leftSearch();
(5)、在文章页面,左边栏的鸟屋弹出菜单,要在 InstantClick change 后主动调用 pc.js 中的搜索函数,即 after-footer.ejs 文件中的 tipBoxFunc();
(6)、还修改了社交图标点击、不蒜子统计、复制功能 clipboard 等,具体可以参考源代码 N-Hexo-Blog
(7)、to-do:年后找时间将博客全部适配 InstantClick
个人博客是同时部署在 github 和 coding,国内走的是 coding,网站的访问速度会快点。方法可以参考: http://www.jianshu.com/p/7ad9d3cd4d6e
(1)plugins文件夹里面是放一些博客额外用到的css、js文件,笔者现在是放在hexo/source目录下,也可以放在yelee主题的source目录下,请自行修改资源的相对路径。
- font下面的是左边栏Never Give Up Dream往下掉
- hint是博客用到的提示框css
- prettify是博客用到的代码高亮插件
(2)首页文章概要样式是使用的semantic-ui,如果不喜欢可以修改yelee/layout/_partial/article.ejs文件下面的概要div的样式
(3)404在pc端笔者使用的是iframe加载网易的,移动端则是使用yelee/source/publicwelfare的加载腾讯的
(4)多说样式使用的是yelee/source/duoshuo/shejidaren.css