使用Hexo搭建博客,并使用了matery这个模板
Hexo,源码
前提条件:已安装好Node.js
npm install hexo-cli -g
npm install hexo-deployer-git --save
- 安装Hexo;
- 部署到Github上所需;
在D盘新建一个Hexo目录,并在里面执行如下命令:
hexo init
npm install
下载后,解压,将文件hexo-theme-matery-master
移动到Hexo的themes
目录下(D:\Hexo\themes
)
注意:为保持前后一致,请将该文件夹改名为matery
npm install hexo-generator-search --save
npm i hexo-permalink-pinyin --save
npm i --save hexo-wordcount
npm install hexo-generator-feed --save
- 搜索功能;
- 中文链接转拼音;
- 文章字数统计;
- RSS订阅;
如果之前安装过prismjs,则需要卸载npm uninstall hexo-prism-plugin
在Hexo根目录下执行
hexo new page "categories"
hexo new page "tags"
hexo new page "about"
hexo new page "contact"
hexo new page "friends"
hexo new page 404
- 新增分类页;
- 新增标签页;
- 新增关于页;
- 新增留言板页;
- 新增友情链接页;
- 新增404页
Hexo根目录下的
_config.yml
这里大多是比较个性化的信息,请注意修改。
url是必改项
保持不变
使用prismjs来高亮代码块,所以这里两处需要修改
因为matery这个模板的排版,需要每页的文章数应该是6的倍数。
保持不变
保持不变
保持不变
同1.5
保持不变
这里设置模板为matery
Hexo部署到Github上的必要设置
以下是针对相应的插件新增的配置
# 搜索
search:
path: search.xml
field: post
# 中文链接转拼音
permalink_pinyin:
enable: true
separator: '-' # default: '-'
# 文章字数统计
wordCount:
enable: false # 将这个值设置为 true 即可.
postWordCount: true
min2read: true
totalCount: true
# 添加 RSS 订阅支持
feed:
type: atom
path: atom.xml
limit: 20
hub:
content:
content_limit: 140
content_limit_delim: ' '
order_by: -date
matery目录下的
_config.yml
,具体路径:D:\Hexo\themes\matery
对应页面顶部右上角的菜单,可以根据需要取舍。
个人觉得友情链接不太有用,故注释掉。
二级菜单默认是关闭的,我这里也没开启。
默认是关闭的,可以开启,并设置当前时间。
保持默认,没必要开启。
保持默认
我觉得没必要,关闭。
默认是开启的,但我觉得没必要,关掉了。
保持默认的关闭状态
保持默认
保持默认配置。但需要去替换掉favicon.png
和logo.png
两个文件。
将URL修改成自己的即可。
建议取消。
个人信息,修改成自己的。
保持默认
保持默认
保持默认配置。但需要去替换掉wechat.png
和``alipay.jpg`两个文件。
保持默认不开启。
保持默认不开启。
对应这块内容。根据自己需要开启或关闭。
默认是开启的,但我觉得不好看关闭了。
关于页面也是个人信息,所以要修改。
myProjects,因为我没什么项目,所以关闭了。
mySkillls,随便写点
myGallery,关闭
默认开启文章日历功能
为了安全起见,全部保持默认的关闭状态。
默认不开启
默认开启,但出于效率考虑,关闭。
觉得没必要,关闭
因为没有备案,不启用。
开启
/source/categories/index.md
---
title: categories
date: 2021-02-20 20:48:57
type: "categories"
layout: "categories"
---
/source/tags/index.md
---
title: tags
date: 2021-02-20 20:48:58
type: "tags"
layout: "tags"
---
/source/about/index.md
---
title: about
date: 2021-02-20 20:48:59
type: "about"
layout: "about"
---
/source/contact/index.md
---
title: contact
date: 2021-02-20 20:49:01
type: "contact"
layout: "contact"
---
/source/friends/index.md
---
title: friends
date: 2021-02-20 20:49:02
type: "friends"
layout: "friends"
---
/source/404/index.md
---
title: 404
date: 2021-02-20 20:49:06
type: "404"
layout: "404"
description: "Oops~,我崩溃了!找不到你想要的页面 :("
---
source
目录下新建 _data
目录,在 _data
目录中新建 friends.json
文件,文件内容如下所示:
[{
"avatar": "http://image.luokangyuan.com/4027734.jpeg",
"name": "闪烁之狐",
"introduction": "Matery的作者",
"url": "http://blinkfox.com/",
"title": "前去学习"
}, {
"avatar": "https://godweiyang.com/medias/avatars/avatar.jpg",
"name": "godweiyang",
"introduction": "分享深度学习与NLP算法",
"url": "https://godweiyang.com",
"title": "前去学习"
}]
/scaffolds/post.md
修改为如下代码:
---
title: {{ title }}
date: {{ date }}
top: false
cover: false
password:
summary:
categories:
tags:
---
属性名 | 默认值 | 建议 |
---|---|---|
title | 自动生成 | 不变 |
date | 自动生成 | 不变 |
img | featureImages 中的某一张 |
文章特征图,可以通过URL指定 |
top | true | 文章置顶,一般选false |
cover | false | 是否加入首页轮播封面中 |
coverImg | 无 | 如果cover=true,则需要指定封面图 |
password | 无 | 一般不需要密码 |
toc | true | 是否开启文章目录,建议关闭 |
summary | 无 | 文章摘要 |
categories | 无 | 文章分类,一篇文章只属于一个分类 |
tags | 无 | 文章标签,一篇文章可以多个标签 |
hexo new hello
在D:\Hexo\source\_posts
目录下会生成一个hello.md
文件
hexo g
hexo s
第一步,g(generate),生成静态页面;第二步,s(server),在本地建立服务可以查看静态网页。
hexo d
d(deploy),部署页面到GitHub上,具体设置见_config.yml
的Deployment部分。除了可以部署到GitHub上,还可以部署到其他地方。