声明:所有的操作都是在Mac OS系统中完成的
解决所有文章不能显示的问题
问题描述:当点击所有文章的时候,屏幕中无法显示blog中文章的目录
解决方法:
请确保node版本大于6.2,在终端用下列代码查询
1
2sudo su
node -v先下载国内淘宝的镜像源,这样下载较快且容易成功
nmp install -g cnpm --registry
=https://registry.npm.taobao.org
然后进入博客的根目录(注意不是yilia根目录),执行以下命令:
cnpm i hexo-generator-json-content --save
在根目录下打开_config.yml文件,可以用vim打开
vim _config.yml(如果回车之后需要选择模式,选择E(dit)模式)
进入后按
i
进入insert模式,拖到文档最后,另起一行输入:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true按
esc
,接着按:wq
,然后回车然后更新一下:
hexo g
然后即可在本地端口看到修改后的内容:
hexo s
配置图片资源
添加图片资源文件夹
在
themes/yilia/source
下,添加一个assets
文件夹,里面存放图片配置文件中直接引用
路径为
themes/yilia/_config.yml
,找到如下:
项目前面加
#
就意味着该项目不在博客中显示,这里我留下qq,微信和邮箱favicon
是网页打开时的小图标avatar
是头像生成配置
转到博客的根目录,输入
hexo g
文章如何显示摘要
问题描述:在hexo中显示的是文章全文,页面看起来不简洁干净,所以需要显示摘要
解决方法:在md格式文章正文插入<!-- more -->
即可,页面只会显示它之前的,之后的就不会显示,点击全文阅读才可以看到。然后打开themes/yilia/_config.yml
,执行如下操作:
1 | # excerpt_link: more |
文章显示目录
增加显示目录可以方便阅读文章,在themes/yilia/_config.yml
中配置toc:2
即可,它会将md文件的标题生成目录,放在右下角
增加归档菜单
修改 themes/yilia/_config.yml
1 | menu: |
微信分享
修改 themes/yilia/layout/_partial/post/share.ejs
1 | '//pan.baidu.com/share/qrcode?url=' + sUrl |
比如我的个人主页网址是:
1 | http://wyx-sjtu.github.io/ |
上面就要改为:
1 | '//api.qrserver.com/v1/create-qr-code/?size=150x150&data=http://wyx-sjtu.github.io/' + test |
接下来在文件中的
1 | var sUrl = url.replace(/index\.html$/, ''); |
下面加上一行:
1 | test=sUrl.substring(18); |
回到根目录,重新生成一下hexo即可