如何使用nodejs、git、hexo等工具搭建个人博客

最新推荐文章于 2023-02-23 22:11:50 发布
最新推荐文章于 2023-02-23 22:11:50 发布
阅读量632 收藏 3
点赞数 1
文章标签： git github node.js hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MionsBai/article/details/122852198
版权

前言

个人网站在面试公司的时候会加分，而且能够锻炼自己的写作、语言组织等能力，好处多多。我来教大家如何使用hexo搭建个人博客以及搭建过程中一些问题的解决方法。文章末尾有各种博客主题，如有描述不当的请各位多多指正。

准备工具

一、nodejs搭建

  1. 下载

    下载地址：nodejs下载

    在这里插入图片描述

  2. 安装

    安装程序

    下载完成后，双击安装包，开始安装，使用默认配置一直点next即可，自定义修改安装路径。

在这里插入图片描述
在这里插入图片描述

安装路径默认在C:\Program Files下面，也能够自定义修改，此处我们自定义安装路径，而后点击next

在这里插入图片描述

接下来一直点下一步即可

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

安装完成之后 win+r并输入cmd打开命令行模式

在这里插入图片描述

输入 node -v 查看node是否安装成功
输入 npm -v 查看npm是否安装成功

出现版本号即为安装成功 查看后不要关闭 后面步骤会继续使用命令行模式

在这里插入图片描述

  1. 修改安装和缓存路径

    查看node安装和缓存路径

    命令行模式下 输入 npm config get prefix 和 npm config get cache查看node当前使用路径

    在这里插入图片描述

    在node安装目录新建两个文件夹 名为node_cache 、node_global

在这里插入图片描述

提醒：将node_modules文件夹复制一份到node_global文件夹内

使用命令修改安装路径

注意 ：命令和文件路径之间要有一个空格隔开**

命令行模式下输入npmconfig set prefix "node_global文件的路径"

在这里插入图片描述
文件路径查看方式：打开node_global文件夹、点击上方路径复制

在这里插入图片描述

使用命令修改缓存路径

命令行模式下输入npmconfig set cache "node_cache文件的路径"

在这里插入图片描述

  1. 配置环境

    右击此电脑，选择属性进入系统界面

在这里插入图片描述

点击高级系统设置，进入属性界面

在这里插入图片描述
在这里插入图片描述

点击环境变量进入配置界面
点击下方系统变量新建

      变量名为 `NODE_PATH` 变量值为 **node_global文件夹中node_modules文件路径**

在这里插入图片描述

点击上方用户变量中的path变量

将nodejs默认配置修改为node_global的文件路径，并添加%NODE_PATH%变量

修改前

在这里插入图片描述

修改后

在这里插入图片描述

  1. 测试

    命令行模式下 使用命令 npm install vue -g

    注意：一定要加上-g，这是全局安装的意思，如果不加是局部安装，会安装在cmd控制台当前运行的目录下

    如图所示即为成功

在这里插入图片描述

  1. 报错及解决方案

    如图所示的错误

在这里插入图片描述

原因：因为node安装目录文件夹的权限不够所导致

解决方法：

找到node安装目录、右击选择属性

在这里插入图片描述

选择安全选项点击编辑 允许权限中的完全控制

在这里插入图片描述

  1. 安装hexo

    测试无报错后可以开始安装hexo

    命令行模式下 使用 npm config set registry https://registry.npmjs.org/

    此步的目的为 切换为淘宝镜像 安装hexo速度会快

    命令行模式下 使用npm install hexo-cli -g安装hexo

    如图所示即为安装成功

在这里插入图片描述

二、Git下载

git只需要下载和安装即可，不需要过多配置，因此在这里不过多描述，附上下载地址和安装教程，请大家安装下载后进行下面步骤

git下载地址：git官网

git安装教程：git安装

注意：若安装git为最新版，其安装步骤与安装教程中有偏差，总体不会有问题

三、GitHub账户添加SSH密钥

注册和创建仓库就不在此多说，大家这步操作应该都会

不会的请看：

GitHub注册过程

GitHub创建仓库

添加SSH密钥

四、利用hexo搭建个人博客

在这里推荐一种十分方便的方法，照着步骤来即可成功搭建

利用脚本搭建

五、主题推荐

为大家推荐几款热度高的主题，大家根据自己的喜好配置

本博主使用的是matery主题

matery主题地址
matery主题预览

其余主题推荐

  1. next主题

    next主题地址

    next主题预览

  2. Claudia主题

    Claudia主题地址

    Claudia主题预览

  3. shana主题

    shana主题地址

    shana主题预览

  4. melody主题

    melody主题地址

    melody主题预览

  5. ayer主题

    ayer主题地址

    ayer主题预览

本篇教程到此结束 希望大家喜欢 请多多支持

PatrickBai
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Node.js+Hexo搭建个人博客系统
风硕依源的博客
02-06 2830
什么是 Hexo？Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 相比WordPress等动态博客，它有着无可比拟的速度。如果您的博客有大量纯静态内容，Hexo非常适合您。安装Node.js的安装hexo是一款基于Node.js的静态博客框架，因此安装之前必须先安装Node.js
node.js搭建个人博客系统
热门推荐
DUT_LYH
02-21 5万+
node.js+腾讯云搭建个人博客系统 最好要有的预备知识： 前端开发知识 - html - css - JavaScript，尤其重要 nodejs相关知识： - 异步编程 - 回调函数 - *阻塞&非阻塞 一、开发环境的配置以及开发工具 配置node环境： http://www.runoob.com/nodejs/nodejs-install-se...
写博客有哪些好用的工具和软件？
weixin_43790276的博客
02-23 2311
非常好用的软件和工具。
基于Node.js的博客文章管理系统设计与实现
毕业作品网站
11-02 1091
本系统针对三种角色：用户，游客与管理员。用户可以发布博文和给他人留言，也可以对自己已经发布过的文章进行修改和删除。游客的权限相对较低，只拥有查看博客文章和留言内容的权限，既不能发表文章，也不能发布留言。但是游客可以进行注册操作，总而将权限提升至用户权限，从而实现管理自己博客的功能。管理员是一种特殊的权限，它对其他用户的文章和留言都有删除操作（但是没有修改权限），且用户不能通过任何操作将自己的权限提升至管理员，它是博客内容的管理者，可以对非法的内容进行清理。2.2.1.注册界面。
使用node.js 搭建个人博客 (六)
qq_837639041的博客
08-25 127
1将博客信息储存在mysql 创建数据库 myblog 创建表 CREATE TABLE `blogs` ( `id` int(11) NOT NULL AUTO_INCREMENT, `title` varchar(50) NOT NULL, `content` longtext NOT NULL, `createtime` bigint(20) NOT NULL D...
【nodeJS】从nodejs原生的博客网站搭建到 koa框架实现个人博客网站搭建
Venies的博客
07-12 3717
原生js实现博客网站前言：原java后端渣渣一枚，因项目需要转学了nodejs进行开发，正式进行项目开发之前，师傅安排了一些项目训练，熟悉js语法，然后去熟悉nodejs，一步步再走向框架的使用。基本上对于一门语言，企业级开发的学习路线，个人认为大同小异，也很感谢师傅的用心。    写这一篇文章的目的在于记录自己学习的历程，同时也是给其他的nodejs学习者一点参考，如果有修正之处，希望各位能给予...
hexo博客搭建nodejs和git安装包.zip
04-26
里面的是node-v12.16.2-x64.msi和Git-2.26.1-64-bit.exe，配套我之前发的hexo搭建博客：https://blog.csdn.net/weixin_45519736/article/details/105748698
hexo-blog:使用 Nodejs Hexo 搭建个人博客，本地编辑 MD 文档并 Push 到远程，远程服务执行 Generate 生成静态文件，通过反向代理服务器 Nginx 发布网站资源
05-02
Hexo 搭建个人技术博客 在线博客访问： 安装工具 nodejs [sudo apt-get install nodejs / brew install nodejs] cnpm [npm install cnpm -g] 启动服务 $ git clone https://github.com/Chester-Hee/hexo-blog.git $ ...
mac OS基于hexo 搭建个人静态博客（免费）
01-06
静态博客就是用户访问的页面都是相同的，而动态博客是可以登录的，每个用户看到的页面也有差别。 hexo需要Node.js支持的，所以我们首先需要安装Node.js。 https://nodejs.org/en/ 下载下来后直接全部下一步安装。 ...
Hexo博客搭建文件（next主题）
12-07
Hexo需要git和nodejs，这里时next的所有的配置文件，都是自己改过来的。
基于Node.js搭建hexo博客过程详解
01-02
一、安装新版本的nodejs和npm 安装n模块： npm install -g n 升级node.js到最新稳定版 n stable 二、安装hexo note: 参考github，不要去其官网 安装Hexo npm install hexo-cli -g Setup your blog hexo init ...
git+node下载及安装教程
浊世独行侠
05-28 354
git下载地址：Git - Downloads git安装教程地址：Git 详细安装教程（详解 Git 安装过程的每一个步骤）_mukes的博客-CSDN博客_git安装 node下载地址：下载 | Node.js 中文网 node安装方法：Node下载安装步骤_奥利奥的路飞的博客-CSDN博客_node下载 ...
【Nodejs博客项目开发】之原生nodejs实现博客系统(三)
马云
10-24 1640
【Nodejs博客项目开发】之原生nodejs实现博客系统(三) 一、nodejs操作Mysql 1、测试demo npm init -y初始化项目 npm i mysql --save安装mysql 用nodejs操作mysql const mysql = require('mysql') // 创建连接对象 const con = mysql.createConnection({ host: 'localhost', user: 'root', password: 'qyb
【Nodejs博客项目开发】之原生nodejs实现博客系统(一)
马云
10-05 3757
【Nodejs博客项目开发】之原生nodejs实现博客系统(一) >>目录【Nodejs博客项目开发】之原生nodejs实现博客系统(一)一、接口设计二、基本目录结构三、`www.js`四、`app.js`五、实现路由`blog.js``user.js`六、处理路由七、优化代码八、处理动态数据`controller/bolg.js`在`router/blog.js`中使用`controller/bolg.js``app.js``resModel.js`九、总结 一、接口设计 描述 接口
windows系统中将nodejs作为服务开机自启的一种方式
Runing_snailLBNL的博客
08-31 2248
因为pm2对windows系统兼容性问题，导致pm2本身的开机自启无法在windows使用。以下方式也是借鉴使用的： 1.安装依赖 npm install node-windows --save 当然你也可以在package.json配置依赖项，然后npm install 执行之后会有两个文件一个是 node-windows,另一个是xml 2.项目根目录创建nw.js（自己定义）。内容如...
NodeJS简易博客系统（九）后台管理实现及项目总结
一枝韩独秀的博客
10-26 3933
功能描述及流程在上一篇已经说明，现在来写具体实现过程。 一、页面实现 （1）模板 首页模板main_template.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>博客后台管理</
NodeJS+Express搭建个人博客-环境搭建（一）
weixin_33744141的博客
08-31 940
NodeJS+Express+MongoDb开发的个人博客 NodeJS+Express搭建个人博客-环境搭建（一）NodeJS+Express搭建个人博客-gulp自动化构建工具使用（二）NodeJS+Express搭建个人博客-Express+Mongodb组合架构介绍（三）NodeJS+Express搭建个人博客-数据库设计及Mon...
基于Nodejs搭建博客后台
renye_lpl的博客
08-19 4299
基础准备： 1.NodeJs是一个非阻塞IO，单线程的，运行在服务端的JavaScript平台，基于Google的V8引擎 2.NodeJs使用事件驱动模型，采用的是观察订阅模式，实现在event模块下 3.Nodejs有很多模块，采用npm管理包，比如node和mysql，redis对接，都需要用到相应的包 4 mysql是关系型数据库，我们在本地计算机的某个端口，起一个mysql服务，...
快速利用工具编写博客
有点想法的专栏
05-15 4586
快速利用工具编写博客 ​ 博客不只是给别人看的，同时也是给自己看的。平时自己的一些想法、规划、总结等，可以用博客记录，那么怎么才能告别繁琐语法(喜欢纯代码除外)而快速编写博客呢？ 一.下载工具 ​ 百度上搜索，下载此工具 二.打开软件，即可进行在线可视化编辑 三.编辑好，则把文件保存为md 四.把编辑好的md，导入到CSDN中 五.导入后，图片需要重新上传...
nodejs+hexo
最新发布
09-07
Hexo是一个基于Node.js的静态博客框架，它可以帮助你快速搭建和部署静态博客网站。你可以使用Hexo来写博客文章，支持Markdown语法，然后通过Hexo生成静态页面，再将生成的页面部署到服务器上。 要使用Hexo，首先你需要安装Node.js。然后在命令行中使用npm（Node.js的包管理器）安装Hexo： ``` npm install -g hexo-cli ``` 安装完成后，你可以使用以下命令初始化一个新的Hexo博客： ``` hexo init myblog cd myblog npm install ``` 接下来，你可以通过以下命令启动本地服务器预览你的博客： ``` hexo server ``` 在浏览器中打开 http://localhost:4000，你就可以看到你的博客了。 当你写完一篇博客文章后，可以使用以下命令生成静态页面： ``` hexo generate ``` 生成的静态页面会存储在 `public` 目录下。最后，使用以下命令将生成的页面部署到服务器上： ``` hexo deploy ``` 这样，你的博客就会被部署到指定的服务器上了。当你有新的文章需要发布时，只需要重复以上几个步骤即可。 希望这些信息对你有所帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PatrickBai

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值