本文将介绍如何增添随机诗词的展示。具体效果如下:
创建组件主题新建themes/anzhiyu/layout/includes/widget/card_poem.pug,内容如下1234567891011121314151617 #poem_sentence #poem_info #poem_dynasty #poem_authorscript(src='https://cdn.jsdelivr.net/npm/js-heo@1.0.11/poem/jinrishici.js', charset='utf-8')script(type='text/javascript'). jinrishici.load(function(result) { var sentence = document.querySelector("#poem_sentence") var author = document.que ...
开启本地搜索功能安装插件安装 hexo-generator-search
1npm install hexo-generator-search --save
在主题 _config.yml 文件中添加local_search
12345search:path: search.xmlfield: postformat: htmllimit: 10000
在主题_config.yml打开local_search
12345# Local searchlocal_search: enable: true preload: true CDN:
执行 hexo clean && hexo g 重新生成博客文件
文章生成永久链接(建议安装)使用 hexo-abbrlink 的 Hexo 插件来实现文章生成永久链接,安装命令如下:
1npm install hexo-abbrlink --save
在 Hexo 根目录下的 _config.yml 文件中,新增以下的配置项:
123abbrlink: alg: crc16 #算法: rep: hex #输出进制:十进制和十六进制,默认为10进制。丨dec为十进制,hex为十六进制
将 _config.yml 文件中的 permalink 的值修改为如下内容:
1permalink: posts/:abbrlink.html # 此处可以自己设置,也可以直接使用 :/abbrlink
执行 hexo clean && hexo g 重新生成博客文件,就可以生成永久链接。生成完后,原 md 文件的 Front-matter 内会增加 abbrlink 字段,值为生成的 ID
Hexo 本地部署Hexo 是什么?
Hexo 是一个快速、简洁且高效的静态博客框架,它基于 Node.js 运行,可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。
一、安装 git官网地址:https://git-scm.com1.访问官方网站,下载对应的安装包,进行安装2.安装完成后,鼠标右键可以看到:Git Bash Here, 点击后打开
1git --version # 查看git版本
二、安装Node.js官网地址:https://nodejs.org
访问nodejs官方网站,下载对应的安装包,进行安装安装完成后,配置环境变量,并在终端里面输入:
1node -v # 查看node.js版本
三、安装hexo全局安装
12yarn global add hexo-cli # yarnnpm install -g hexo-cli # npm
局部安装
12yarn add hexo # yarnnpm intall hexo # npm
检查hexo 版本
1hexo -v # 查看hexo版本
1 ...
主题安装nmp安装1npm i hexo-theme-anzhiyu
应用主题打开 Hexo 根目录下的 config.yml, 找到以下配置项,把主题改为anzhiyu
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: anzhiyu
1### 安装pug和stylus渲染插件
npm install hexo-renderer-pug hexo-renderer-stylus --save
# 无法安装可以使用cnpm进行安装
npm install hexo-renderer-pug hexo-renderer-stylus --save --registry=http://registry.npmmirror.com
123456### 覆盖配置覆盖配置可以使主题配置放置在 anzhiyu 目录之外,避免在更新主题时丢失自定义的配置。通过 Npm 安装主题的用户可忽略,其他用户建议学习使用。macos/linux 在博客根目录运行
cp -rf ...
