Hexo + Next + valine个人博客搭建过程 (1)安装配置

最新推荐文章于 2024-04-27 18:37:06 发布
最新推荐文章于 2024-04-27 18:37:06 发布
阅读量481 收藏
点赞数
分类专栏： Hexo + Next + Valine 文章标签： npm git node.js nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l1090865/article/details/104480048
版权
本文介绍了使用Hexo和Next搭建个人博客的初始步骤，包括安装Node.js、Git和GitHub账号创建。重点讲解了Node.js环境配置，涉及创建npm配置文件，设置全局路径，并通过环境变量确保正确运行。最后提到了安装淘宝镜像以加速npm包下载，并测试了cnpm的安装效果。
摘要由CSDN通过智能技术生成

前言

博客使用的所有软件工具用到

Node、Git、GitHub、VS code

博客完善功能用到

leancloud、Valine

下载环境

  1. Node.js下载(官网链接)
  2. Git下载(官网链接)
  3. GitHub账号创建(官网链接)

下载安装的过程省略……

下载完成后 win + r 打开命令行测试Node

    node -v
    v12.16.1

    npm -v
    6.13.4

测试Git

    git --version
    git version 2.25.0.windows.1

安装成功！

配置环境

配置Node

在nodejs安装目录下新建node_cache和node_global两个文件

    1. node_global为npm的全局模块的存放路径
    2. node_cache为cache的路径

然后在cmd

最低0.47元/天 解锁文章
一只panda
关注
专栏目录
hexo 博客配置valine 邮箱提醒
jomes_wang的博客
03-29 824
首先需要确保 Valine 的基础功能是正常的，参考 Valine Docs。 然后进入 Leancloud 对应的 Valine 应用中。原项目github 地址 快速部署1. 在Leancloud云引擎设置界面，填写代码库并保存：https://github.com/DesertsP/Valine-Admin.git 2. 在设置页面，设置环境变量以及 Web 二级域名。 变量 示例...
hexo-theme-icarus配置 valine 评论系统
许浑的博客
05-05 1125
hexo-theme-icarus配置 valine 评论系统 Icarus用户指南 - 用户评论插件 hexo评论系统之valine快速使用 注册LeanCloud 创建LeanCloud应用 : 快速开始文档 注册LeanCloud并登陆创建应用（开发板），到应用的设置查看“应用key”：App ID、App Key；“安全中心”配置Web 安全域名 在Hexo中使用 – icarus主题...
为Hexo添加Valine评论系统
xin的博客
02-10 1233
更多文章见个人博客 Valine 诞生于2017年8月7日，是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。 获取APP ID和APP key 前往LeanCloud注册或登录，进入首页创建应用 创建好后，点击刚刚创建的应用，点击设置-应用Keys，就能看到APP ID和key了 启用Valine Next主题已经内置Valine评论系统，只需要修改主题配置文件启用即可 # Valine # For more information: https://valine.js.org,
hexo小配置
Gage_Shan的博客
09-23 183
一、hexo部署本地图片 把图片在hexo/blog/public/css/images目录下，其中(hexo/blog)是你博客所在文件夹。使用/css/images/at.png的方式进行链接。 二、在首页只显示摘要信息 ``` 这里写文章的简介 <!-- more --> 这里写文章的正文 ```  三、在首页显示图片 ``` --- title: hexo小配置...
hexo魔改 | 添加 Valine 评论系统
最新发布
DaphneOdera17的博客
04-27 362
在 LeanCloud 注册一个账号并登录 https://console.leancloud.cn/apps。将上面的 AppID、AppKey、服务器地址 分别填入 appID, appKey, serverURL。再在他下面找到 valine 的配置项hexo魔改 | 添加旋转小风车。我们需要用到 AppID、AppKey、服务器地址。打开 hexo 主题配置文件。以 butterfly 为例。创建完成后，进入应用的界面。先将 Valine 启用。
Hexo + Next + valine个人博客 (2)安装Hexo，美化主题
l1090865的博客
02-24 306
前言 墙面环境已经搭好，开始安装Hexo 下载Hexo 创建一个文件夹，进入并右键点击Git Bash Here 完整操作 下载 cnpm install hexo-cli -g 初始化 hexo init 测试 hexo s 博客搭建好了 但是会感觉默认的主题太过单调 没关系，可以更改 美化主题 介绍 这里用的是Next 1. Next主题集成了评论、统计等功能，非常强大，也是很火的一...
Hexo+Fluid搭建自己的个人博客网站！
qq_42722097的博客
12-15 668
从零开始用Hexo+Fluid搭建个人博客系统
hexo+github搭建个人博客
hqf2018的博客
04-16 270
windows环境下 准备工作 1. 下载安装node.js并安装，默认安装npm 2. 下载安装git和Git Bash 本地搭建hexo静态博客 1. 新建一个文件夹，如myBlog 2. 进入该文件夹，右键点击Git Bash Here 3. 下载安装hexo：npm install hexo-cli -g 4. 生成hexo模板：hexo init blog ...
hexo+next博客美化——增加插件
z7sz的博客
06-21 793
hexo+next博客美化——增加插件
hexo-next-valine
03-31
Hexo NexT缬氨酸 NexT的缬氨酸评论系统。 Valine是基于Leancloud的快速，简单和高效的无后端评论系统。 警告Valine不再是开源的，据报道它具有XSS漏洞和数据安全问题。 使用风险自负。 安装 npm install next-theme/hexo-next-valine 登记 创建一个帐户或登录 ，然后在左下角单击以在。 转到刚创建的应用程序，在左下角选择Settings → App Keys ，您将看到您的APP ID和APP Key。 配置 设定值enable至true ，添加所得到的APP ID（ appId ）和APP密钥（ appKey ），和编辑其它配置中valine在配置文件部分如下。 您可以在十六进制或主题_config.yml ： # Valine # For more information: https://valine.js.or
【Hexo】Next主题添加Valine 评论系统
Q大帅
02-23 608
一、LeanCloud 进入LeanCloud ▶ 控制台 ▶ 创建应用 ▶ 开发版，名称随意 ▶ 数据存储 ▶ 结构化数据 创建两个 Class，分别是 Comment 和 Counter，权限设置为所有人。 ▶ 设置 ▶ 应用凭证 复制AppID、AppKey 二、Valine CDN 链接 然后在 https://www.jsdelivr.com/package/npm/valine 中复制最新的 Valine 的 CDN 链接 因为是外网，不一定能访问得上，在此将最新链接贴上，不定
Hexo NexT 评论系统 Valine 的使用
EnjoyToShare | 资源分享平台
04-25 4677
文章目录评论系统 Valine 的使用1 Valine 的介绍2 Valine 的使用3 Valine 的配置4 Valine 的优化4.1 去除 Valine的 Powered By4.2 邮件通知功能4.2.1 原邮箱模板通知功能4.2.2 Valine-Admin 通知功能4.3 实现评论显示 QQ 邮箱头像4.3.1 下载 Valine.min.js4.3.2 增加 QQ 头像判别4.4 ...
Hexo博客进阶：为Next主题添加Valine评论系统
千帆过烬的博客小站
07-26 6895
文章目录前言1.为什么选择Valine2. 第一步，注册LeanClound,获取APP ID 和 APP Key3. 在Hexo Next主题中配置4. 其他设置4.1 自定义头像 前言 在前面的文章中，我们基本把Hexo博客的框架搭建好了和实现了主题的部分美化，接下来我开始慢慢介绍一些进阶设定。 这次是Hexo 在Next主题下配置Valine评论系统 1.为什么选择Valine 在笔者进行...
为 Hexo 博客添加 valine 评论系统
程序员「阿基米东」的编程之旅
02-28 1662
注册 LeanCloud 由于 valine 评论系统是放在 LeanCloud 上的，因此需要先打开 https://www.leancloud.cn/ 网址注册一个 LeanCloud 账号。 注册完成后创建一个应用，比如名字为 blog，然后进入应用，在 设置 -> 应用 Keys 中找到 APP ID 和 APP Key。 Hexo 配置 在 hexo 工程下执行如下命令安装插件 npm install next-theme/hexo-next-valine 在 _config.yml 文件
从零开始的个人博客，next添加Valine评论功能
qq_28963397的博客
09-30 3398
从零开始的个人博客，next添加Valine评论功能 前言 注意next5.14版本 由于该版本中已经集成了Valine，我就简要的说一下流程： leancloud 相关key leancloud，没有申请应用的朋友可前往leanCloud官网 注册并申请一个应用，并在应用设置里的安全中心设置好安全域名 由于我之前配置统计的时候我已经注册过一个应用了，于是直接进入下一步。 配置val...
Hexo更换next主题和优化
BlueLzy的个人博客
01-14 7301
用了将近一个月的Material主题后，终于决定换成next主题 这篇博客主要是优化和踩坑的总结 Let’s go…界面美化修改文章底部“#” 标签 文件：/themes/next/layout/_macro/post.swig搜索 rel=”tag”># 将 # 换成 将 # 换成 < i class=”fa fa-tag” > </i> 其中 “fa fa-tag” 可
hexo next主题集成gitment评论系统
yanzi1225627的专栏
09-08 9457
简介本文介绍hexo next主题(5.1.2)集成giment评论系统的过程。所谓gitment就是把评论放到github的issues系统里，评论支持md，比较适合程序员. 一.注册OAuth Application点击https://github.com/settings/applications/new注册，注意Authorization callback URL填自己的网站urlhttp
最详细的Hexo Next主题配置教程
热门推荐
Web全栈笔记
12-24 1万+
配置环境安装Node（必须）作用：用来生成静态页面的到Node.js官网下载相应平台的最新版本，一路安装即可。安装Git（必须）作用：把本地的hexo内容提交到github上去.安装Xcode就自带有Git，我就不多说了。申请GitHub（必须）作用：是用来做博客的远程创库、域名、服务器之类的，怎么与本地hexo建立连接等下讲。安装hexoNode和Git都安装好后,首先创建一个文件夹,如blog,
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值