Vault 101

xjay2007's Blog

0%

使用Hexo来搭建Blog

发表于 更新于 分类于 Valine：

安装 Hexo

部署到VPS

使用

文章中添加图片

绝对路径

  • Markdown 语法即可，![img](http://imgurl)

相对路径

方法一
  • 如果你的Hexo项目中只有少量图片，那最简单的方法就是将它们放在 source/images 文件夹中。然后通过类似于 ![](/images/image.jpg) 的方法访问它们。
方法二
  • 修改Hexo 配置文件 config.yml
1
post_asset_folder: true

当资源文件管理功能打开后，Hexo将会在你每一次通过 hexo new [layout] <title> 命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个 markdown 文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后，你可以通过相对路径来引用它们，这样你就得到了一个更简单而且方便得多的工作流。

  • Markdown 文件中引用图片方式需要改为标签时，而非markdown语法。
1
{% asset_img image.jpg This is Image Description. %}
方法三
1
2
typora-root-url: {{ title }}
typora-copy-images-to: {{ title }}
  • 这样在 Typora 中可以直接用 Markdown 语法 ![](/relative_imagename.png) 来插入图片。

创建站点地图

1
2
3
## npm install hexo-generator-sitemap --save
## npm install hexo-generator-baidu-sitemap --save
npm install hexo-generator-seo-friendly-sitemap --save
  • 修改 _config.yml
1
2
3
4
5
6
7
8
9
10
11
Plugins:
  - hexo-generator-baidu-sitemap
  - hexo-generator-sitemap
  - hexo-generator-seo-friendly-sitemap

baidusitemap:
    path: baidusitemap.xml
sitemap:
    path: sitemap.xml
    tag: false
    category: false

参考链接：hexo(3)-生成sitemap站点地图

主题

NexT 主题

下载地址

语言设置

  • 修改_config.yml 
1
2
languange:
  - zh-CN

生成标签页面

  • 输入命令，生成 tags 文件夹
1
hexo new page tags
  • 修改tags文件夹中的index.md，添加 type 字段
1
2
3
4
5
---
title: tags
date: 2019-01-09 18:42:21
type: "tags"
---
  • 生成 hexo g

插件

数学公式

修改 themes/next/_config.yml

1
2
3
## Math Equations Render Support
math:
  enable: true

PDF 支持

修改 themes/next/_config.yml

1
2
3
4
## PDF Support
## Dependencies: https://github.com/theme-next/theme-next-pdf
pdf:
  enable: true

分享

修改 themes/next/_config.yml

1
2
3
4
## NeedMoreShare2
## Dependencies: https://github.com/theme-next/theme-next-needmoreshare2
needmoreshare2:
  enable: true

本地搜索

修改 themes/next/_config.yml

1
2
3
4
## Local search
## Dependencies: https://github.com/theme-next/hexo-generator-searchdb
local_search:
  enable: true

需要修改工程 _config.yml ，将默认 path 修改为 search.json， xml 格式可能有问题。

1
2
3
4
5
6
7
## Plugin
## Hexo local search
search:
  path: search.json
  field: all
  # format: html
  # limit: 10000

相关文章

修改 themes/next/_config.yml

1
2
3
4
## Related popular posts
## Dependencies: https://github.com/tea3/hexo-related-popular-posts
related_posts:
  enable: true

评论系统

  • Valine
  • 注册 LeanCloud) 账号，创建应用，获取 APP ID 和 APP KEY。
  • 修改 _config.yml
1
2
3
4
valine:
  enable: true # When enable is set to be true, leancloud_visitors is recommended to be closed for the re-initialization problem within different leancloud adk version.
  appid:  # your leancloud application appid
  appkey:  # your leancloud application appkey
  • 修改文章默认可评论值：修改 node_modules/hexo/lib/models/post.js 中 comments 默认值为 false。page.js 同理。
1
2
3
const Post = new Schema({
    comments: {type: Boolean, default: false},
});
  • 单个文章要开启评论的话，在 post.md 的头部添加
1
2
3
4
5
---
title: {{ title }}
date: {{ date }}
comments: false
---
相似文章