然后我们重新生成一下博客静态文件: cd breeze-blog hexo clean && hexo generate hexo server 然后再打开我们的博客地址:localhost:4000, 代码高亮 由于 Hexo 自带的代码高亮主题显示不好看,所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮,安装命令如下: npm i -S hexo-prism-plugin 的 Hexo 插件来做内容搜索,安装命令如下: npm install hexo-generator-search --save 在 Hexo 根目录下的 _config.yml 文件中,新增以下的配置项 我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。 的 Hexo 插件来做 RSS,安装命令如下: npm install hexo-generator-feed --save 在 Hexo 根目录下的 _config.yml 文件中,新增以下的配置项
:/hexo , 那么我们现在打开git bash然后输入 cd F: cd hexo 现在你就会进入到你刚才创建的hexo文件夹了。 然后就开始安装hexo了。 依次在git bash中输入以下内容,时间会因为网速而不同: 1.npm install hexo-cli -g 2.hexo init 2.npm install hexo-deployer-git --save 3.hexo g 4.hexo s 这样hexo就安装完成了,下面我们要看看hexo给我们的初始界面是什么样的就执行以下命令: (以//开始的是注释,不要复制,给你们说明用的。) 1.hexo g //生成静态文件 2.hexo s //开启本地服务器,用于页面预览 之后我们就到浏览器中看看我们的hexo长什么样子了,就在浏览器地址栏输入localhost:4000回车是不是看到了一篇
---- 每次写新文章都得hexo new “xxx”,写完再hexo g -d,挺麻烦的。 就不能写一个脚本来自动执行吗? ---- 一、创建hexo文章 之前写文章都得打开cmd,输入hexo new “XXX”。 然后再去目录下找生成的.md文件打开编辑。 这样的机械动作不应该用程序就可以做到吗? 创建hexo文章.bat @echo off set /p name=input pages name: echo name:%name% echo please wait hexo new %name 一般命令: hexo clean hexo g hexo d 写成脚本: 发布文章到github.bat start 1.bat start /min /w mshta vbscript:setTimeout (这篇文章使用本文程序发布) 附件 bat自动处理hexo命令.rar 点击下载
Hexo 上个月已经发布 7.2 版本,我目前还在使用 5.4,导致最新的特性无法使用,落后倒逼升级,本文记录填坑过程。 See https://hexo.io/docs/configuration for more details.hexo: 5.4.2hexo-cli: 4.3.1os: linux 5.15.0-105 ,教程中建议使用如下命令 1 npm i hexo-cli -g 我执行命令后 Hexo 没有升级,使用的是 1 npm install hexo@7.2.0 --save 成功升级 Hexo 执行 hexo version INFO Validating confighexo: 7.2.0hexo-cli: 4.3.1os: linux 5.15.0 s 乍一看看起来没啥问题,Hexo 真的鲁棒,升两个大版本没出事儿,手动点赞 o( ̄▽ ̄)d 参考资料 https://hexo.io/zh-cn/docs/index.html https://sccube.link
我在使用yilia这个主题时用到的一些设置 获取Yilia主题 $ cd /hexo $ git clone https://github.com/litten/hexo-theme-yilia.git 的配置 date: 2019-09-06 17:53:09 tags: [hexo,学习笔记] categories: [hexo,学习笔记] --- 设置打赏 将二维码图片放到/yilia/source 的配置 date: 2019-09-06 17:53:09 tags: [hexo,学习笔记] categories: [hexo,学习笔记] reward: true --- 点击所有文章提示缺失模块 确保 node 版本大于 6.2 在博客根目录/hexo执行以下命令:npm install hexo-generator-json-content --save 在 hexo博客根目录_config.yml 里添加配置,关掉 hexo s 之后执行 hexo g 重新生成: jsonContent: meta: false pages: false posts: title: true
, 17 1月 2021 作者 847954981@qq.com 前端学习, 我的编程之路 Hexo初识 Hexo是一个成熟的博客主题框架 作用于git来快速生成博客网站 Hexo安装 创建博客文件夹 hexo init blog //创建一个博客文件夹,后面的blog为博客名字 安装发布工具 先cd进入博客文件夹 打开输入 npm install hexo-deployer-git --save theme: landscape deploy: type: git repository: 你的GitHub仓库地址 branch: master //这里新版 提交三部曲 hexo clean hexo generate hexo deploy
| Hexo Hexo 根目录 _config.yml: 站点配置文件 themes/next/_config.yml :主题配置文件 字符计数 Next v7.8.0 # Post wordcount hexo-auto-category | ESON 注意: 不建议使用, hexo g 后插件会直接修改 post.md 的 tags, categories 参考: - hexo 博客引流到公众号配置方法 (亲测可用) | hoxis' blog - github博客Hexo引流到微信_death05的博客-CSDN博客_hexo 微信 Hexo 支持 PWA 参考: hexo博客支持pwa | foochane Python数据挖掘、深度学习相关技术 VSCode 插件 0x-jerry/vscode-hexo-utils: vscode sidebar for hexo. YAML 语言教程 - 阮一峰的网络日志 next-theme/hexo-theme-next: Elegant and powerful theme for Hexo.
hexo-pdf插件一键搞定,页面展示PDF 安装hexo-pdf npm install --save hexo-pdf 使用 使用本地资源,可以在markdown文件路径下创建一个同名文件夹,其内放
简单发布文章 在Hexo根目录下打开cmd终端命令:1hexo new "文件名" 此命令会在/hexo/source/_posts下创建一个文件名.md文件,然后就可以使用markdown编辑器开始写自己的博客了 s 浏览器打开 http://localhost:4000/ 即可查看效果,默认端口为4000 自定义端口为80: hexo s p 80 部署到Coding上1hexo clean && hexo g && hexo d hexo clean 清理本地缓存 hexo g 全称: generate,生成静态html文件。 注:部署到Coding上需要先按照插件,在cmd中输入 npm install hexo-deployer-git --save 高级文章设置 Hexo new 的分类 Hexo对生成文章有三种分类 生成方式是:hexo new [layout] <title> 比如: hexo new page tags ,即为生成一个名为tags的页面。
hexo-graph:优秀的hexo统计插件 hexo-graph,一个基于echarts,集成博客热力图,博客月份统计图,分类统计图,标签统计图的多元化插件。 仓库地址: https://github.com/codepzj/hexo-graph 效果:https://haohanxinghe.com/social/stats/ 喜欢的话别忘了点个Star⭐ 安装依赖 pnpm i moment # 使用hexo-graph先安装相关依赖 pnpm i hexo-graph 可选设置 在根目录的config.yml中配置: light/dark 主题配置 hexo_graph: theme: "light" #light/dark 不设置或不填默认是light 开始使用 以下皆为
Create a new post $ hexo new "My New Post" Create a new page $ hexo new page "New page" 本地查看hexo bash 运行命令框 1.清除本地缓存 $ hexo cl 2.上传到本地 $ hexo g 3.本地运行 $ hexo s 上传到Github $ hexo g -d
(1)标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 (2)粗体、斜体、删除线和下划线 斜体 粗体 加粗斜体 删除线 (3)引用块 文字引用 (4)代码块 行内代码 多行代码 多行代码 java java语法代码 (5)公式块 $$ 数学公式 $$ (6)分割线 方法一: ---- 方法二: +++ 方法三: ---- (7)列表 有序列表项 有序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 (8)表格 左对齐 右对齐 居中对齐 单元格
(1)标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 (2)粗体、斜体、删除线和下划线 斜体 粗体 加粗斜体 删除线 (3)引用块 文字引用 (4)代码块 行内代码 多行代码 多行代码 java java语法代码 (5)公式块 $$ 数学公式 $$ (6)分割线 方法一: ---- 方法二: +++ 方法三: ---- (7)列表 有序列表项 有序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 (8)表格 左对齐 右对齐 居中对齐 单元格
helpers/related_post.js文件 /** * Butterfly * Related Posts * According the tag */ 'use strict' hexo.extend.helper.register }) }) if (relatedPosts.length === 0) { return '' } let result = '' const hexoConfig = hexo.config const config = hexo.theme.config const limitNum = config.related_post.limit || 6 const dateType
前言 由于 Hexo 是静态博客,需要在本地配置,写文章,然后生成静态页面后上传到服务器。 这也就带来了备份的问题,我辛辛苦苦的配置了那么多主题相关的个性化配置,换电脑了怎么办? 重写? 那么备份本地的 Hexo 文件吧,这就涉及到一个问题,先看下我的博客在本地占用的空间和文件数量: ? 文件大小还可以接受,但…文件数量这么多,小文件复制起来那叫一个慢啊。 (必备份) hexo/themes/themes_name 这里的 themes_name 指的是你的主题名称,可能你会对主题进行一些个性化的配置,所以这个主题全部备份了。 然后创建一个目录,用来存放 hexo,一系列命令 : 1 2 3 4 5npm config set registry http://registry.cnpmjs.org npm install hexo-cli -g hexo init npm install npm install hexo-util --save 现在再把第二步的拿到的之前备份的文件,依次覆盖当前目录下的文件即可(package.json
的官方文档,可以看出hexo支持多种第三方评论插件。 例如:127.0.0.1 notes.example.com 修改 Hexo 监听的端口为 80:hexo s --debug -p 80 测试完成后请将 hosts 文件中的域名映射删除。 框架完美的结合了各种第三方库,在hexo中可以直接安装. 一番搜索之后,有hexo-admin和hexo-admin-qiniu两种选择,其中后者绑定七牛云,可以直接实现粘贴图片,很舒服。所以采用后者。 参考文档 Hexo官方文档
这篇文章主要介绍如何搭建本地Hexo博客,并将博客部署到github。 Hexo的使用 启动本地服务器 在刚刚的命令行中输入: $ hexo s Hexo server启动后,在浏览器中打开http://localhost:4000/即可访问自己的本地博客,按Ctrl+C停止服务器 部署github 在你的博客文件夹内右键打开Git Bash here输入下列代码 $ hexo g #生成静态网页 $ hexo d #开始部署 过程中会提示输入你的github username和密码 有些版本的Hexo没有内置hexo-deployer-git,会出现下列情况: Deployer not found: git 这时候输入以下代码安装即可: npm install hexo-deployer-git --save 注: hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy
插件介绍 hexo-admin 是一个Hexo博客引擎的管理用户界面插件。 这个插件最初是作为本地编辑器设计的,在本地运行hexo使用hexo-admin编写文章,然后通过hexo g或hexo d(hexo g是本地渲染,hexo d是将渲染的静态页面发布到GitHub)将生成的静态页面发布到 如果你使用的是非静态托管服务器,比如自己买的主机搭建的hexo,那么一定要设置hexo-admin 的密码,否则谁都可以编辑你的文章。 2,运行下列命令启动hexo-admin : hexo server -d 打开 http://localhost:4000/admin/ 就可以访问到hexo-admin管理页面了。 hexo g && hexo d 然后给hexo-g.sh脚本加入可执行权限 chmod +x hexo-d.sh 然后在_config.yml中的admin下添加 admin: username:
hexo-theme-yilia-plus 一个简洁优雅的hexo主题 ➡️ https://github.com/JoeyBling/hexo-theme-yilia-plus 此项目是根据 hexo-theme-yilia主题做了一些优化和改动,写这个项目的初衷就是深入学习Hexo。 使用yilia主题可以快速迁移到yilia-plus 欢迎使用和Star支持,如使用过程中碰到问题,可以提出Issue,我会尽力完善 关于hexo-theme-yilia-plus主题在原基础上做了以下功能升级 yilia-plus 是为 hexo 2.4+制作的主题。 崇尚简约优雅,以及极致的性能。 你可以点击 我的博客 查看效果。 如果想体验手机浏览效果,可以扫一下二维码: ? /themes/ git clone https://github.com/JoeyBling/hexo-theme-yilia-plus.git mv hexo-theme-yilia-plus yilia-plus
所以这一篇里,主要介绍 Hexo 的配置文件如何设置。通过本篇的学习,你将知道 Hexo 配置文件的各个属性是什么意思,并给出我使用的配置,这样你就能随心所欲的进行配置了。 值为 false 时 Hexo 不会在头部插入该标签 这里设置 theme 即可开启对应的主题,具体如何设置会在后面的文章进行详细说明。 :MFrank2016/breeze-blog branch: gh-pages 包括或不包括目录和文件 在 Hexo 配置文件中,通过设置 include/exclude 可以让 Hexo 进行处理或忽略某些目录和文件夹 参数 描述 include Hexo 默认会忽略隐藏文件和文件夹(包括名称以下划线和 . 开头的文件和文件夹,Hexo 的 _posts 和 _data 等目录除外)。 通过设置此字段将使 Hexo 处理他们并将它们复制到 source 目录下。