一、md撰写贴士
页面模板 Front-matter 配置
❗注意字符格式:变量名 + 英文冒号 +空格+ 配置参数
错漏会导致页面渲染错误。
文章摘要显示方式
- ⭐文章开头部分手动标注
<!-- more -->
,使前面的文字成为摘要,自动渲染效果。(参看 hexo官方文档-Tag Plugins) - 在 front-matter 中配置
description
,自行输入摘要,效果只有纯文字。 - 不在文章 md 中配置,自动形成摘要,截取
config.yml
中配置的长度(如 200 字符),效果只有一大段密密麻麻的纯文字。
可选增强插件
网站根目录下的 package.json
文件内的 dependencies
是所有 npm install * --save
(*
通配插件名)以及手动写入的插件依赖。
- 快速引用图片:GitHub - xbotao/hexo-admin-qiniu: 根据hexo-admin@2.2.0进行修改,添加粘贴图片上传至七牛
- 永久文章链接:
- 方案 1:
_config.yml
配置或 Front-matter 指定 永久链接(Permalinks) - 方案 2:插件 hexo-abbrlink 实现 Hexo 生成永久文章链接
- 方案 1:
- ⭐数学公式撰写教程:第 5 期、写作:LaTeX 和 Markdown 中的数学公式和 HyperSnips 快捷输入 - 知乎、LaTeX - 从出门到掉坑 - 知乎
二、可选组件功能
网站运行时间
参考 impressionyang-为主题用pugjs编写的hexo博客添加网站运行时间 来设置。
div
span#timeDate 载入天数...
span#times 载入时分秒...
script.
var now = new Date();
function createtime() {
var grt= new Date("08/13/2018 00:00:00");
now.setTime(now.getTime()+250);
days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
document.getElementById("timeDate").innerHTML = "本站已安全运行 "+dnum+" 天 ";
document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒";
}
setInterval("createtime()",250);
修改 var grt= new Date("08/13/2018 00:00:00");
中的起始时间即可。
参考 网站运行天数代码
在线聊天
Tidio Live Chat 安装到Shopify店铺的步骤