这个是基于Hexo搭建的关于自定义的博客系统,用于个人学习之用,以下是当前博客系统的分类介绍
访问地址为:https://www.91temaichang.com
hexo new [Layout] <title>
用来创建一个新的文档或者新的页面,这里的layout支持三种类型的布局,默认是post,还可以是page、draft,它们会被保存到不同的路径,而自定义的路径则与post
相同
- 新增一个博客文件
hexo new page --path _posts/XXX "XXX"
- 关于草稿箱的使用
- 新增一草稿文档文件,无需定义其完整目录
hexo new draft --path webpack-plugin-delegated "DelegatedPlugin"
这个命令将会在对应的_drafts
目录中创建对应的草稿文件以及对应的文件夹
- 迁移草稿文件以及文件夹,调整为正式的博客文档
hexo publish webpack-plugin-delegated
- 关于codepen的使用 直接在项目中使用以下的配置即可在界面中加入这个codepen的代码例子:
{% codepen slug_hash:'KKeeJrG' %}
☝️ 这里的KKeeJrG
就是我们在codepen中的项目名称
- 关于使用外部链接,并采用新开窗口的方式
{% link "ProgressPlugin.js" "https://www.91temaichang.com/2023/01/04/webpack-plugin-progress/" true ProgressPlugin.js %}
- 关于使用内部链接的方式
{% post_link webpack-plugin-progress ProgressPlugin.js %}
-
引用外部链接,通过
target=_blank
的方式打开链接 {% link 展示的文字 外部链接地址 true hover的标题 %} -
项目中采用的是
fontawesome4.7.0
版本的字体图片,要使用的时候,可以直接浏览fontawesome.com进行浏览 -
对于
hexo-calendar
日历的调整,由于接入该插件后,因为hexo版本的不同而导致的读取基础的配置文件所有调整,因此需要调整到库的源码,需调整hexo-calendar/index.js/visualMap.color字段
-
在编写markdown相关文档的时候,如果在表格中有使用到"|"的时候,可以是采用中文的"|"来表示,避免与表格原本的语法有冲突
-
在文章中嵌入jsfiddle
{% jsfiddle shorttag [tabs] [skin] [width] [height] %}
- 在文章中引入stackblitz
{% stackblitz title:'展示的链接标题' projet:'使用的项目名称' %}
当我们需要丰富站点的网页内容时(采用不同的风格的根目录站点),可以采用在
source目录
直接创建对应的目录以及对应的文件,这里的文件可以是*.md
,也可以时*.ejs
,还可以是*.pug
,也就是我们可以使用对应的文件格式,来编写额外的自定义页面!
- 在目前的基础上,添加自定义key关键词的单独定义,可借助于chatGPT来协助生成对应的关键词,因此需要在每一篇文章的头这里加上这个keywords关键词,用户自定义当前文章的关键词;