hexo

hexo的next主题的最新优化_3

匿名 (未验证) 提交于 2019-12-02 23:43:01
前言 在 hexo的next主题的最新优化_1中 和 hexo的next主题的最新优化_2 介绍了一些简单点的操作,希望对你们有所帮助,如果实在看不懂,可以扫一扫文章最后的QQ群二维码,有什么问题可以私聊我呦!好的废话就不多说了。我们开始吧! 主题优化_3 设置动态背景 更改的位置: 提示:这里的设置和老版的next主题有些不同。 next主题常见动态背景样式有canvas_nest、three_waves、canvas_lines、canvas_sphere等 canvas_nest如下图所示 three_waves、canvas_lines、canvas_sphere这三种效果可以自己尝试 开启canvas_nest更改的内容: 第一步:打开Git Bash Here进入自己文件夹下/themes/next文件夹下 $ cd /themes/next 第二步:下载安装 canvas_nest module 执行 这是在主题文件夹下进行的操作 $ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest 提示:执行完命令后会在 /themes/next/source/lib查看会看到 canvas_nest 文件夹。 第三步:在/themes/next/_config

hexo的next主题的最新优化_4

匿名 (未验证) 提交于 2019-12-02 23:43:01
前言 在 前三篇介绍 了一些简单点的操作,希望对你们有所帮助,如果实在看不懂,可以扫一扫文章最后的QQ群二维码,有什么问题可以私聊我呦!好的废话就不多说了。我们开始吧! 主题优化_4 添加看板娘 更改的地方: 更改的内容: 第一步:在站点配置文(_config.yml)进入dos命令窗执行: npm install --save hexo-helper-live2d</pre> 第二步:请向Hexo的 _config.yml 文件添加如下代码 live2d: enable: true scriptFrom: local model: scale: 1 hHeadPos: 0.5 vHeadPos: 0.618 display: superSample: 2 width: 200 height: 400 position: right hOffset: 0 vOffset: -20 mobile: show: false react: opacity: 0.7 隐藏底部强力驱动 更改的地方: 更改的内容: 如何在hexo博客中插入本地图片 第一步:安装插件 可以上传本地图片的插件 npm install hexo-asset-image --save 第二步,更改站点配置文件(_config.yml)中的内容 第三步,再运行 hexo n "xxxx" 来生成md博文时,

linux安装hexo编译博客

六月ゝ 毕业季﹏ 提交于 2019-12-02 20:00:05
背景 几天前就看到服务器要到期了,没去管他,结果给忘了,今天凌晨过期了,这台阿里云华东2(上海)的机器也用了快2年了,物理位置在上海让我这个强迫症很不舒服,而且40G的盘都用了30G了(反正就是给自己各种不嫌麻烦的借口),看到新出的学生机有可以购买在华东1(杭州)就果断释放了原来的服务器,新购于杭州节点 之前用宝塔做了备份策略,所以数据都储存在我的OSS里面 前几天用hexo在github上发布了博客,但是只能在我自己的电脑上进行编译,有一些局限,所以先在这台服务器上安装hexo用来在云端编译博客。 顺便发现了个BUG,阿里云学生机在认证期限内,好像可以不限次数的续费,我准备存点生活费续他个十年八年的试试。 废话不多说 ---- 安装 连接服务器 管你cmd、xshell、hyper、putty还是什么的,连的上就完事 安装node.js 这是个JavaScript运行环境 这一步建议在特定目录下操作 没有linux基础请跟我做 mkdir /soft mkdir /soft/hexo cd /soft/hexo 从官网下载linux版本的node.js 或者直接采用wget方式下载 这里使用wget下载 wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz 把他解压了 tar xf node-v10

How to access npm-installed package in hexo app

余生颓废 提交于 2019-12-02 18:51:59
问题 I am creating a web app using Hexo. I want to use a package called slick-carousel in one of my pages. This package also contains jQuery by the way. So I successfully installed (and "--save"ed) the package via npm. The package shows up in my node_modules folders and on my package.json file. I expected that after doing this, I should have access to both jQuery and slick functions in my markdown files, but I don't. When I render the generated page on my browser, I am told that 'jQuery is

linux中安装hexo编译博客

。_饼干妹妹 提交于 2019-12-02 17:26:45
title: linux中安装hexo编译博客 categories: 运维 date: 2019-10-29 01:41:10 tags: linux toc: true --- 背景 几天前就看到服务器要到期了,没去管他,结果给忘了,今天凌晨过期了,这台阿里云华东2(上海)的机器也用了快2年了,物理位置在上海让我这个强迫症很不舒服,而且40G的盘都用了30G了(反正就是给自己各种不嫌麻烦的借口),看到新出的学生机有可以购买在华东1(杭州)就果断释放了原来的服务器,新购于杭州节点 之前用宝塔做了备份策略,所以数据都储存在我的OSS里面 前几天用hexo在github上发布了博客,但是只能在我自己的电脑上进行编译,有一些局限,所以先在这台服务器上安装hexo用来在云端编译博客。 顺便发现了个BUG,阿里云学生机在认证期限内,好像可以不限次数的续费,我准备存点生活费续他个十年八年的试试。 废话不多说 ---- 安装 连接服务器 管你cmd、xshell、hyper、putty还是什么的,连的上就完事 安装node.js 这是个JavaScript运行环境 从官网下载linux版本的node.js 或者直接采用wget方式下载 这里使用wget下载 wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz

Hexo Next(二) Theme Setting使用

元气小坏坏 提交于 2019-12-02 11:33:46
1.版本更新提醒设置 Next 支持自动更新,并将显示在console中。配置reminder为true将会设置版本自动更新。 2.文本对齐方式 设置text-align则可以设置Next中文本对齐方式。属性有start、end、left、right、center、justify、justify-all、match-parent 3.自定义滚动条显示形状 注意:只有内核为webkit的浏览器才生效 4.自定义站点Logo 注意:Mist方案 不支持自定义Logo 5.代码显示样式 配置highlight即可设置代码显示样式。参数在如下中选择: normal、night、night blue、night bright、night eighties、solaried、solarized dark、galactic 同时,也可以设置粘贴按钮,是否允许用户copy你的代码。 enable,为显示copy按钮。show_result为点击按钮显示是否成功copy。style为显示按钮样式。 style有三个参数:flat、mac、default 6.阅读进程显示 设置reading_progress,显示阅读进度 7.设置github超链接 其中permalink为自己github连接地址,title当鼠标悬浮超链接上时展示的文字。 8.阅读进度保存

use hexo to build my gitee blog

一曲冷凌霜 提交于 2019-12-02 08:16:19
  之前有自己建站托管自己的博客系统, 后来因为流量实在太少, 服务器又要每个月出钱, 然后就把她关了, 然是拥有自己的网站的心一直没有退去啊, 然后之前有接触到别人用GitHub托管静态网页的玩法, 因此个人也想布一个, 个人比较喜欢支持国产, 所以我用的Gitee, 原理都是一样的.   Gitee托管的是静态网页, 对于一个博客系统, 我们不可能动手全部去写Html, 于是我们这个时候就借助了一个叫做Hexo的博客工具(注意是工具, 不是系统), 把我们的Markdown文件转换成Html, 然后借助主题按照一定的风格样式以及规则, 生成一整套的Html.   下面我就来介绍如何使用Hexo在Gitee上面搭建自己的博客. Hexo的安装 安装环境 安装 Hexo 相当简单,只需要先安装下列应用程序即可: Node.js (Node.js 版本需不低于 8.6,建议使用 Node.js 10.0 及以上版本) Git 如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。 $ npm install -g hexo-cli 创建项目 $ hexo init <folder> $ cd <folder> $ npm install 本地运行 项目创建完之后, 系统会有一个默认的landscape的主题, 通过运行以下命令,

解析并绑定域名

折月煮酒 提交于 2019-12-02 03:24:39
假设大家已经拥有了可以用来绑定我们个人网站的域名。 一、测试域名 我之前在阿里云上买了一个域名: oceanwang.top ,后面我会用来解析和绑定。这边先尝试用浏览器去访问一下,验证一下确实是还没有被使用过。结果如下图所示: 浏览器告诉我们,这是一个无效的域名,意料之中。 二、映射 “域名” 到 “GitHub 个人网站”(解析域名) 由于我的域名是在 阿里云 上面买的,所以下面将以 阿里云 为例,讲解如何解析域名。 进入阿里云官网: https://www.aliyun.com/ ,登录后,如下图所示: 通过右上角的提示进入 控制台 ,如下图所示: 按上图中的提示,进入 域名列表 。 点击 解析 后,如下图所示: 点击 添加记录 后,如下图所示: 记录类型 ,这里需要选择 CNAME- 将域名指向另一个域名 。 记录值 ,这里需要填写我们前面获取的 GitHub Pages ,我这里填写: napoleon940911.github.io 。 其余全部默认即可,如下图所示: 点击 确定 ,系统会自动保存刚刚的解析设置,如下图所示: 如上图所示,刚刚的域名解析已经设置成功了。其中的 主机记录 ,系统默认帮我们选择了 @:直接解析主域名 。 aliyun.com 三、再次测试域名 我们去浏览器中刷新前面输入的网址: oceanwang.top ,发现网页内容变了,如下图所示:

Hexo添加评论系统Valine

萝らか妹 提交于 2019-12-02 02:00:27
一款简洁,方便,好用的评论系统。 Step1:注册Leancloud 我们的评论系统是放在Leancloud上的,所以首先需要注册一个Leancloud账号。 点击进入 Leancloud官网 。 注册完成后需要先创建应用。点击创建应用,弹出如下界面: 应用名称可以随意取,笔者此处取名为Blog_comment,创建完成后单击进入应用。进入 设置—应用Key ,可以看到APP ID 与 APP Key。 Step2:修改主题配置文件 打开主题配置文件 搜索 valine,填入appid 和 appkey。在对应位置填上步骤一中的APP ID 与 APP Key。 12345678910 大专栏 Hexo添加评论系统Valine d class="code"> valine: enable: true appid: your appid appkey: your appkey notify: false verify: false # Verification code placeholder: Just go go # comment box placeholder avatar: mm # gravatar style guest_info: nick,mail,link # custom comment header pageSize: 10 # pagination size

hexo搭建博客

女生的网名这么多〃 提交于 2019-12-02 01:53:20
建站 安装node.js 配置环境变量 安装hexo 1 npm installl -g hexo-cli 创建所需文件 123 hexo init <文件夹>cd <文件夹>npm install 配置信息 上传到github所需配置 大专栏 hexo搭建博客 re> 1 2 3 4 5 url: http://wanronnn.github.ioroot: /type: gitrepo: git@github.com:wanronnn/wanronnn.github.io.gitbranch: master 部署到github 生成静态网页 hexo g 生成静态网页默认文件夹public 安装git工具 npm install hexo-deplouer-git –save 部署到github hexo d 部署到github就是在github建一个wanronnn.github.io的仓库,然后把public里的静态网页上传到这个仓库里。 然后,直接在地址栏输入wanronn.github.io 来源: https://www.cnblogs.com/dajunjun/p/11724291.html