这是一篇自用文章——关于 Blog 的一些配置

一、Hexo

1.

Hexo 是基于 node.js 框架开发的博客框架。




二、操作

1.


2.npm

npm install:利用 npm 安装模块到当前命令行所在目录。

npm install -g:利用npm安装全局模块。

npm uninstall:删除模块。

npm uninstall -g:删除全局模块。


3.Hexo 锚点

前提

Hexo 的内部锚点 ID = 标题,标题文本中的空格需用-代替。

文章内部锚点

使用 markdown 内置的链接方式即可,其中如果有空格,需要把空格换成连字符 - ,格式如下:

1
[显示文本](#标题文本)

示例:[看这里ヾ(•ω•`)o](#站内文章锚点链接)


站内文章锚点

Hexo 有内置标签插件 post_link 以实现站内文章链接,格式如下:

1
{% post_link '标题文本' %}

示例:Post not found: 0001-Why-Blog

PS: 站内文章锚点链接也可以直接使用网页链接。


站内文章的内部锚点

使用 html a 标签实现,格式如下:

1
<a href="{% post_path '标题文本' %}#安装">显示文本</a>

示例:此处

PS. Hexo 还有另一个 post_path ,可以实现站内文章锚点,并实现站内文章的内部锚点,其语法是 md 与 post_link 的结合,格式如下:

1
[显示文本]({% post_path '文章标题文本' %}#文章内部标题文本)

站外文章锚点

直接使用全路径即可,格式如下:

1
[显示文本](url)

示例:hexo 引用文章

PS.部分网站也支持内部锚点,语法同上。




三、主题

1.主题样式

目前主题:butterfly

其它推荐主题:melody(简约)、Volantis(模块化)、minos(极简)、Wikitten(Wiki式)、Fluid(butterfly的改进基础)、shoka(华丽)。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
butterfly _config construction:
├── .github #git信息
├── languages #多语言
| ├── default.yml #默认语言
| └── zh-Hans.yml #简体中文
| └── zh-tw.yml #繁体中文
├── layout #布局,根目录下的*.ejs文件是对主页,分页,存档等的控制
| ├── _custom #可以自己修改的模板,覆盖原有模板
| | ├── _header.swig #头部样式
| | ├── _sidebar.swig #侧边栏样式
| ├── _macro #可以自己修改的模板,覆盖原有模板
| | ├── post.swig #文章模板
| | ├── reward.swig #打赏模板
| | ├── sidebar.swig #侧边栏模板
| ├── _partial #局部的布局
| | ├── head #头部模板
| | ├── search #搜索模板
| | ├── share #分享模板
| ├── _script #局部的布局
| ├── _third-party #第三方模板
| ├── _layout.swig #主页面模板
| ├── index.swig #主页面模板
| ├── page #页面模板
| └── tag.swig #tag模板
├── scripts #script源码
| ├── tags #tags的script源码
| ├── marge.js #页面模板
├── source #源码
| ├── css #css源码
| | ├── _common #*.styl基础css
| | ├── _custom #*.styl局部css
| | └── _mixins #mixins的css
| ├── fonts #字体
| ├── images #图片
| ├── uploads #添加的文件
| └── js #javascript源代码
├── _config.yml #主题配置文件
└── README.md #说明文档

# comparable:
social: #以下删除
fa fa-github: <https://github.com/jerryc127> || Github
fa fa-envelope: <mailto:xxxxxxx@gmail.com> || Email
fa fa-rss: /atom.xml || RSS

2.主题功能

部分插件

1
2
3
4
5
6
7
npm install hexo-deployer-git --save

npm install hexo-wordcount --save

npm install hexo-generator-search --save

npm install hexo-renderer-pug &hexo-renderer-stylus --save

3.主题修改

字体修改

在 themes\Butterfly\source\css\var.styl 中找到

1
font-size = 14px



四、注意

1.版权

版权问题:不要使用来源不明的图片


2.换源

由于GFW的原因,npm需要换源。

A.使用淘宝镜像
1.临时使用
npm –registry https://registry.npm.taobao.org install express

2.持久使用
npm config set registry https://registry.npm.taobao.org

3.通过cnpm
npm install -g cnpm –registry=https://registry.npm.taobao.org

B.使用官方镜像
npm config set registry https://registry.npmjs.org/

C.查看npm源地址
npm config get registry



Relative


[1]https://www.jianshu.com/p/f311a3a155ff

[2]https://blog.csdn.net/mezheng/article/details/79650816