Hexo常用代码集 John Doe 2024-07-10 2024-07-10 Welcome to Hexo ! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub .
@CMLiussss原视频 No.1 搭建Hexo博客,快速简洁高效,零成本搭建个人博客:Hexo + GitHub Pages + Cloudflare Pages 完整指南
VIDEO
No.2 美化Hexo博客,详细教程,教你如何安装和美化Hexo博客 - 使用安知鱼主题进行个性化配置,涵盖安装、设置、标签页生成及本地搜索等内容
VIDEO
Hexo常用代码集 新建文章
然后用文本编辑器去编辑_posts/这是一篇新的博文.md里的内容即可,注意要使用Markdown格式书写。 详细使用方法可以查阅 https://hexo.io/zh-cn/docs/writing
1 2 3 4 5 6 7 // Git BASH终端 hexo cl && hexo s // 或者 // VSCODE终端 hexo cl; hexo s
确认无误后使用以下命令,将本地文章推送至GitHub仓库即可更新上线 1 2 3 4 5 6 7 // Git BASH终端 hexo cl && hexo g && hexo d // 或者 // VSCODE终端 hexo cl; hexo g; hexo d
新建标签页(文件夹)
找到 source/tags/index.md 这个文件,修改添加 type: “tags”
1 2 3 4 5 6 7 --- title: 标签 date: 2024-07-05 03:36:02 type: "tags" comments: false top_img: false ---
执行以下命令生成分类页
1 hexo new page categories
找到 source/categories/index.md 这个文件,修改添加 type: “categories”
1 2 3 4 5 6 7 --- title: 分类 date: 2024-07-05 03:36:48 aside: false top_img: false type: "categories" ---
剩下的工作就是配置_config.yml和_config.anzhiyu.yml文件,修改博客参数。
配置文章模板 /scaffolds目录下有几个模版文件,其中
post.md:新建博文模版 page.md:新建标签页模版
post.md模版,仅供参考 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 --- title: {{ title }} #【必需】页面标题 date: {{ date }} #【必需】页面创建日期 updated: #【可选】页面更新日期 tags: #【可选】文章标签 categories: #【可选】文章分类 keywords: #【可选】文章关键字 description: #【可选】文章描述 top: # 1 置顶 top_img: #【可选】文章顶部图片 comments: #【可选】显示文章评论模块(默认 true) cover: https://img.090227.xyz/file/ae62475a131f3734a201c.png #【可选】文章缩略图(如果没有设置 top_img,文章页顶部将显示缩略图,可设为 false/图片地址/留空) toc: #【可选】显示文章 TOC(默认为设置中 toc 的 enable 配置) toc_number: #【可选】显示 toc_number(默认为设置中 toc 的 number 配置) toc_style_simple: #【可选】显示 toc 简洁模式 copyright: #【可选】显示文章版权模块(默认为设置中 post_copyright 的 enable 配置) copyright_author: #【可选】文章版权模块的文章作者 copyright_author_href: #【可选】文章版权模块的文章作者链接 copyright_url: #【可选】文章版权模块的文章作者链接 copyright_info: #【可选】文章版权模块的版权声明文字 mathjax: #【可选】显示 mathjax(当设置 mathjax 的 per_page: false 时,才需要配置,默认 false) katex: #【可选】显示 katex(当设置 katex 的 per_page: false 时,才需要配置,默认 false) aplayer: #【可选】在需要的页面加载 aplayer 的 js 和 css,请参考文章下面的音乐 配置 highlight_shrink: #【可选】配置代码框是否展开(true/false)(默认为设置中 highlight_shrink 的配置) aside: #【可选】显示侧边栏 (默认 true) swiper_index: 10 #【可选】首页轮播图配置 index 索引,数字越小越靠前 top_group_index: 10 #【可选】首页右侧卡片组配置, 数字越小越靠前 ai: #【可选】文章ai摘要 background: "#fff" #【可选】文章主色,必须是16进制颜色且有6位,不可缩减,例如#ffffff 不可写成#fff --- <div class="video-container"> [up主专用,视频内嵌代码贴在这] </div> <style> .video-container { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */ } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
UP主专用代码,不用可以删除
page.md模版,仅供参考 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 --- title: {{ title }} #【必需】页面标题 date: {{ date }} #【必需】页面创建日期 type: #【必需】标签、分类、关于、音乐馆、友情链接、相册、相册详情、朋友圈、即刻页面需要配置 updated: #【可选】页面更新日期 comments: #【可选】显示页面评论模块(默认 true) description: #【可选】页面描述 keywords: #【可选】页面关键字 top_img: https://img.090227.xyz/file/ae62475a131f3734a201c.png #【可选】页面顶部图片 mathjax: #【可选】显示 mathjax(当设置 mathjax 的 per_page: false 时,才需要配置,默认 false) katex: #【可选】显示 katex(当设置 katex 的 per_page: false 时,才需要配置,默认 false) aside: #【可选】显示侧边栏 (默认 true) aplayer: #【可选】在需要的页面加载 aplayer 的 js 和 css,请参考文章下面的音乐 配置 highlight_shrink: #【可选】配置代码框是否展开(true/false)(默认为设置中 highlight_shrink 的配置) top_single_background: #【可选】部分页面的顶部模块背景图片 ---
UP主专用代码,不用可以删除
文章置顶 安装插件 1 npm install hexo-generator-topindex --save
设置置顶 给需要置顶的文章加入top参数,如下:
1 2 3 4 5 6 7 8 9 --- title: 每天一个linux命令 date: 2017-01-23 11:41:48 top: 1 categories: - 运维 tags: - linux命令 ---
如果存在多个置顶文章,top后的参数越大,越靠前。
开启本地搜索 安装插件 你需要安装 hexo-generator-search,根据它的文档去做相应配置
1 npm install hexo-generator-search --save
设置主题配置文件 1 2 3 4 local_search: enable: true preload: false CDN:
参数 解释 enable 是否开启本地搜索 preload 预加载,开启后,进入网页后会自动加载搜索文件。关闭时,只有点击搜索按钮后,才会加载搜索文件 CDN 搜索文件的 CDN 地址(默认使用的本地链接)
添加任意文件 例如当我们想在网站根目录添加ads.txt文件,来通过站长验证时,我们只需要在/source文件夹下放置该文件即可。