hexo 搭建过程，部分记录,笔记，零碎。

在整理途中，发现一些内容其实是摘抄，有的还比较长，而且还抄了一半。

つ﹏⊂

所以为脸面和整洁，我决定更多以链接形式的，这里更多的是一些使用bug 或者体会心得。

Thanks

1. yml
2. yml,in,markdown
3. 代码高亮
4. 代码高亮2
5. Hexo数据文件功能添加友情链接
6. Hexo 添加分类及标签
7. Hexo
8. Markdown

Note

markdown 语法

[^markdown]: suppurt html,css.js in it.

• 代码块

\```language
code
\```

• 缩退 shift+tab
• YAML Front Matter在 Typora下第一行中文标题打字会跳，解决方法是：先输入一个英文单词，然后再输入中文，然后删除英文即可。

yaml 语法

• 普通键值对

  # 备注 key: value

• 对象键值对

  person： name: 无为 age: 18

  key: { key: value, key: value }

• 数组键值对

  key: - value - value

  key: [value,value]

• 集合

  key: [{key: value},{key: value}]

bug

1. 打包没有发现Hexo语法高亮
   尝试其他代码块,markdown语法编译器可以高亮，但hexo打包没有高亮=>step1
   打包没有对应的样式包=>step 2
   浏览器样式区别对比=>step 3
   解决了，过程里发现自己在之前关闭高亮设置，hexo clean，hexo server=>step 4

2. Hexo markdown 代码块多行字体显示不全

   浏览器排查，发现是padding属性导致字体显示空间错误。=>step 1

   配置没有开启多行=> step 2

3. 做笔记最好整洁好看。——整理的≧ ﹏ ≦

4. 在一个while判断的时候，只要循环条件不被打破，就无法history.back();
   问题解决了，明明我会的的，哼！

   BOM API is belong to async，and while is a sync code,now if you wan to make it work frist you should break it or make it can’t work.

5. 低级错误对着在线发布页面测试

分类和标签

分类：具有顺序和层次这一概念，即需要逻辑层次。
标签：则没有顺序和层次，不需要逻辑层次。

创建选项

hexo new page[layout] categories/tags

追加选项

在生成的配置文件里追加type categories/tags，如果是有配置化的布局，还可以加入layout配置。

---
categories:
- []
tags:
- []
layout: 
---

文章使用

在 模板文件夹 (scaffolds) 可以直接配置后续使用命令即可创建 hexo new scaffolds_folderName postName

在文章里追加相应属性，categories/tags：- 属性1 -属性2

布局

命令

1. 生成文件
   hexo new [layout] fileName
2. 草稿
   hexo publice [layout] [title]
3. 模板
   在新建文章时，Hexo 会根据 scaffolds 文件夹内相对应的文件来建立文件。
   以下是您可以在模版中使用的变量：
   layout，title，date
4. 文章更新
   _congfig.yml updated:true,ejs使用变量接受，应该是post.updated

默认布局

post/source/page=>source/_post\source\source/_drafs

支持格式

Hexo 支持以任何格式书写文章，只要安装了相应的渲染插件。

标签插件语法

模版

做法

1. layout目录,layout.ejs为主体框架,partial为子目录
2. <span id="logo"><%= title %></span>任意parial的模板header.ejs
3. <%- partial('partial/header', {title: 'Hello World'}) %>调用

辅助函数

变量

• 在实现文件加密，ejs的JavaScript标签不能内嵌一些变量元素，可能我没有深入学习，我采用另外一种迂回方案，就是dom，和传统组件以及jsonp技术类似获取变量元素。

• 在阅读主题时发现另一种js用esj语法变量的方法，之前可能没有加=/-，还有字符串,导致无效，目前看来只适合字符串形式。

  <script> const str="<%= post.password %>" </script>