然后我们重新生成一下博客静态文件: 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根目录下打开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-pdf插件一键搞定,页面展示PDF 安装hexo-pdf npm install --save hexo-pdf 使用 使用本地资源,可以在markdown文件路径下创建一个同名文件夹,其内放
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 开始使用 以下皆为
前言 由于 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
(1)标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 (2)粗体、斜体、删除线和下划线 斜体 粗体 加粗斜体 删除线 (3)引用块 文字引用 (4)代码块 行内代码 多行代码 多行代码 java java语法代码 (5)公式块 $$ 数学公式 $$ (6)分割线 方法一: ---- 方法二: +++ 方法三: ---- (7)列表 有序列表项 有序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 (8)表格 左对齐 右对齐 居中对齐 单元格
(1)标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 (2)粗体、斜体、删除线和下划线 斜体 粗体 加粗斜体 删除线 (3)引用块 文字引用 (4)代码块 行内代码 多行代码 多行代码 java java语法代码 (5)公式块 $$ 数学公式 $$ (6)分割线 方法一: ---- 方法二: +++ 方法三: ---- (7)列表 有序列表项 有序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 无序列表项 (8)表格 左对齐 右对齐 居中对齐 单元格
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
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支持多种第三方评论插件。 例如:127.0.0.1 notes.example.com 修改 Hexo 监听的端口为 80:hexo s --debug -p 80 测试完成后请将 hosts 文件中的域名映射删除。 框架完美的结合了各种第三方库,在hexo中可以直接安装. 一番搜索之后,有hexo-admin和hexo-admin-qiniu两种选择,其中后者绑定七牛云,可以直接实现粘贴图片,很舒服。所以采用后者。 参考文档 Hexo官方文档
fa-cloud-upload"> 上传 - 下载 铅笔 上传 下载 音乐 首先在站点文件夹根目录安装插件: npm install hexo-tag-aplayer "lrc": "https://歌词.lrc" } ] } {% endaplayerlist %} 视频 首先在站点文件夹根目录安装插件: npm install hexo-tag-dplayer url=https://什么什么什么.mp4" "https://封面图.jpg" "api=https://api.prprpr.me/dplayer/" "id=" "loop=false" %} Hexo 中 MathJax 的静态显示(svg) Hexo 中 MathJax 的静态显示(svg) Reference 打造个性超赞博客Hexo+NexT+GitHubPages的超深度优化
新建一个文件夹,在里面右键 选择 Git Bash Here 打开 Git 终端 输入 npm install hexo-cli -g 安装 Hexo-cli 安装好后输入 hexo init 来初始化 Hexo! hexo-renderer-stylus 安装依赖完成后我们打开_config.yml 找到 theme: 把它改为 Butterfly 保存文件,然后在终端执行 hexo s 打开 Hexo 的本地预览工具看看效果 默认的打开地址是:http://localhost4000 用户可通过 hexo s -p 来指定访问端口 比如 2000 1080 8081 等 更改名称 Hexo 安装完成后默认的名称为 Hexo --save 安装 Hexo-Deployer-Git 安装完后就可以使用 hexo clean && hexo d -g 部署了 End 结束了~ 感谢您的观看 更多进阶功能可前往Hexo 文档和Butterfly
基本命令 1 $ hexo new "My New Post" More info: Writing 1 $ hexo server More info: Server 1 $ hexo generate More info: Generating 1 $ hexo deploy More info: Deployment 图片方案 hexo 下插入图片现在大概有几个方案 1.1 放在根目录 早期大部分的方案是把图片放在 1.2 asset-image 在 hexo 2.x 时出现的插件,后来被吸纳进 hexo 3 core ,用法的介绍见 资源文件夹 | Hexo 。 在 hexo 目录,执行 npm install https://github.com/CodeFalling/hexo-asset-image --save 假设在 1234 MacGesture2- 参考:在 hexo 中无痛使用本地图片 MK语法 iOS Develop
安装hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。 hexo new [layout] <title> hexo new post <title> 新建一篇文章。 hexo generate 生成静态文件。 hexo server 启动服务器。默认情况下,访问网址为: http://localhost:4000/。 hexo deploy 部署网站。 检查你的hexo 是否安装成功 hexo -v ? 初始化hexo hexo init npm install 或者 cnpm install(如果你用了淘宝镜像) npm install hexo-deployer-git 打开你的blog hexo