Hexo准备—Node.js、Vue Hexo系列文章已经完成上传: 一、Hexo准备—Node.js、Vue 二、Hexo、主题、部署上线 三、Butterfly美化 四、Hexo之更换背景及透明度...五、Hexo-使用阿里iconfont图标 六、PicGo:搭建图床 七、Hexo-域名设置+收录 安装node.js 1.下载node 配置node.js环境官网下载,一直next就好,非常方便
快速搭建博客的框架有Hexo,Jekyll,Wordpress等等。下面就用Hexo来实现一下。...Hexo介绍 Hexo是一个快速、简单且强大的博客快速生产工具。 地址:https://hexo.io/zh-cn/index.html 2....:npm install -g hexo-cli 设置索引:sudo ln -s /home/XXX/node/lib/node_modules/hexo-cli/bin/hexo /usr/local...s 清除缓存,生成博客,本地查看 hexo常用指令: hexo clean //清空缓存 hexo generate hexo g //简写 //重新编译 hexo server hexo s /.../简写 //打开本地访问 hexo new "文章title" hexo n "文章title" //新建文章 hexo deploy hexo d //简写 4.
文章目录 安装 Git 安装 Node.js 更多文章等待更新......下载 前往 Node.js 官网 (https://node.js.org) 图片 下载 Node.js 安装包(推荐下载 LTS 版本) 图片 安装 双击运行安装文件。 点击 Next。
然后我们重新生成一下博客静态文件: cd breeze-blog hexo clean && hexo generate hexo server 然后再打开我们的博客地址:localhost:4000,...代码高亮 由于 Hexo 自带的代码高亮主题显示不好看,所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮,安装命令如下: npm i -S hexo-prism-plugin...我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。...后续歌单的更新是不会影响到它的,这也是我捣鼓半天才发现的,音乐插件使用的是 Aplayer 播放器,在 https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js...Valine 评价插件 插件主页:https://valine.js.org/ ,上面有详细的介绍,可以查看这里,注册后,验证邮箱,绑定手机号,然后新建一个应用,获取到对应的 AppId 和 AppKey
正文 首先声明一下: 平台:windows hexo版本:3.X 所需文件: [Node.js] [http://nodejs.cn/] [Git] (https://git-scm.com/downloads...:/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给我们的初始界面是什么样的就执行以下命令: (以//开始的是注释,不要复制,给你们说明用的。)
---- 每次写新文章都得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 点击下载
之前为在 GitHub 博客上写自己的 html 网页,在 hexo 根目录下的 source 文件夹中放了自己的 js 文件,每次 hexo g 后,pubic 文件夹中的 js 文件就混乱了,与自己实际...js 不一致。...解决方案(跳过 hexo 渲染) Hexo 3.0 以上支持 修改 Hexo 主目录下的 _config.yml 配置文件中的 skip_render 参数。...baidu_sitepush/** - canvas_nest/** - docs/** - 'baidu_verify_QzGNSJ7F59.html' - '*.html' - '*.js...' - README.md - '*.sh' - '*.txt' 注:若修改配置后不见效果,先执行 hexo clean 后再执行 hexo g 重新编译
我在使用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...class="inner"> " class="profilepic"> " class="js-avatar
See https://hexo.io/docs/configuration for more details.hexo: 5.4.2hexo-cli: 4.3.1os: linux 5.15.0-105...官方建议:Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本) 升级环境 听劝升级 升级 node 版本到 18.20.2 安装npm-check...、npm-upgrade 12 npm install -g npm-checknpm install -g npm-upgrade 升级 Hexo,教程中建议使用如下命令 1 npm i hexo-cli...-g 我执行命令后 Hexo 没有升级,使用的是 1 npm install hexo@7.2.0 --save 成功升级 Hexo 执行 npm-upgrade 全局更新插件 1 npm update...hexo version INFO Validating confighexo: 7.2.0hexo-cli: 4.3.1os: linux 5.15.0
, 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
style: Next v8.2.1 codeblock: # Code Highlight theme # All available themes: https://theme-next.js.org.../utils.js....anime: //cdn.jsdelivr.net/gh/juliangarnier/anime@latest/lib/anime.min.js It's recommended to use the...We could use the following link to reference the js files, just as other CDNs....Just use the filename.min.js or the filename.min.css to replace the file above.
推荐文章增加文章描述 修改/scripts/helpers/related_post.js文件 /** * Butterfly * Related Posts * According the tag...*/ 'use strict' hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {...}) }) 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
(1)标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 (2)粗体、斜体、删除线和下划线 斜体 粗体 加粗斜体 删除线 (3)引用块 文字引用...
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
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] 比如: hexo new page tags ,即为生成一个名为tags的页面。
前言 由于 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-theme-yilia-plus 一个简洁优雅的hexo主题 ➡️ https://github.com/JoeyBling/hexo-theme-yilia-plus 此项目是根据...hexo-theme-yilia主题做了一些优化和改动,写这个项目的初衷就是深入学习Hexo。.../themes/ git clone https://github.com/JoeyBling/hexo-theme-yilia-plus.git mv hexo-theme-yilia-plus yilia-plus...false #你的 GitHub ID gitment_owner: JoeyBling #你的 GitHub ID gitment_remote: false # 是否使用官方js...基于码云的评论系统(https://gitee.com/zhousiwei/giteement) giteement: enable: false # 是否启用码云评论系统 # 是否使用官方js
所以这一篇里,主要介绍 Hexo 的配置文件如何设置。通过本篇的学习,你将知道 Hexo 配置文件的各个属性是什么意思,并给出我使用的配置,这样你就能随心所欲的进行配置了。...在 Git 工作流中这个选项会很有用 true 我的配置如下: # Date / Time format ## Hexo uses Moment.js to parse and display date...参数 描述 include Hexo 默认会忽略隐藏文件和文件夹(包括名称以下划线和 . 开头的文件和文件夹,Hexo 的 _posts 和 _data 等目录除外)。...' - "js/test.js" # 不包括 'source/js/' 中的文件、但包括子目录下的所有目录和文件 - "js/*" # 不包括 'source/js/' 中的文件和子目录下的任何文件...- "js/**/*" # 不包括 'source/js/' 目录下的所有文件名以 'test' 开头的文件,但包括其它文件和子目录下的单文件 - "js/test*" # 不包括 '
领取专属 10元无门槛券
手把手带您无忧上云