为hexo主题添加顶部进度加载条
最终效果,见文末。 使用Everything在根目录下搜索head.ejs或head.swig,取决于你使用的主题所采用的引擎,如果是hueman主题,就是/themes/hueman/layout/common/head.ejs,如果是next主题就是/themes/next/layout/_partials/head.swig。 实现方法: 在文件的靠前一点的位置添加下面的代码(如果连接打不
最终效果,见文末。 使用Everything在根目录下搜索head.ejs或head.swig,取决于你使用的主题所采用的引擎,如果是hueman主题,就是/themes/hueman/layout/common/head.ejs,如果是next主题就是/themes/next/layout/_partials/head.swig。 实现方法: 在文件的靠前一点的位置添加下面的代码(如果连接打不
最终效果,见文末 步骤: 在/themes/hueman/source/js/中新建一个love.js,复制粘贴下面最大的一坨代码。打开/themes/hueman/layout/layout.ejs将 12<!-- 页面点击小红心 --><script type="text/javascript" src="/js/src/love.js"></script>
写在前面本文将会从零开始开发一个简单的博客主题。样式主要参考 Hexo theme 中的 Noise 主题。 开始之前你需要了解: 模板引擎 CSS预处理器 Hexo 文档 本文使用的模板引擎为 ejs,使用的 CSS 预处理器为 stylus。这也是 hexo 项目预装了的 render 插件,如果想使用其他模板引擎或者其他 CSS 预处理器,可以安装相对应的 render 插件。例如我的
目标:写完一键上传并部署。(一个命令完成) 详细流程:上传图片至七牛,上传 deploy 文件至Github公开库 以及 博客源代码 至Github 私有库,Daocloud 检测到commit 自动构建镜像并自动更新应用。 实现: 1.在public目录下放置Dockerfile文件: 12FROM daocloud.io/nginxCOPY ./ /usr/share/nginx/h
折腾Hexo的本来目的就是为了学习把性能优化到极致,由于水平有限,这里牵涉到的所谓的性能优化仅仅只是一些表面工夫,并不牵涉非常细节的前端性能。 另外,由于我朝特殊的网络环境,我使用的谷歌分析,以及Disqus 均会导致出现因时因地因运营商而异的发抽状况,故而所有速度测试均在排除这些干扰下进行的。 静态文件压缩静态文件包括: html,css,js,images . 我才用了gulp来跑自动压缩任
前言人闲起来真是可怕,本来已经折腾过了jekyll和Ghost,静态和动态博客也都尝了遍鲜,然而还是按捺不住寂寞又折腾起来Hexo。话说我最早大概是两年前高考结束的时候知道的Hexo,那时在家里没事干想搭个博客玩,然后看见了jekyll和hexo,无奈那时候就一台windows,啥也不懂啥也不会,这两个博客工具楞是装不上去。而Jekyll的一个好处是可以不用在本地跑,Github 的Pages功
1. Could not get lock /var/lib/dpkg/lock通过终端安装程序sudo apt-get install xxx时出错:E: Could not get lock /var/lib/dpkg/lock - open (11: Resource temporarily unavailable)E: Unable to lock the administration
国际惯例,先上图 1.安装Git Bash 到这里下载Git Bash,一路回车 安装好后,打开git Bash 输入git version验证是否成功 2.安装node.js 在这里下载(LTS就是Long Term Support,current都可以),安装过程中记得勾选Add to Path,这样可以自动配置环境变量,,打开Git Bash,输入node -v 3.安装hexo打开命