Git-nodejs 安装环境

记录一下

因为受众不在这,只是简单记录一下遇到的问题
由于运营着几个博客，导致每次出点什么问题就想重装，每次报红都要去搜解决办法，干脆全卸了尝试自己解决，如果刚好路过用到，建议跟着整篇重装，每条命令都注释了。

过程中有几个重点可以提前记一下

关于权限：

用vscode编辑 需要给vscode已管理员身份运行
用文件目录Git Bash需要给整个文件已管理员身份运行
Node.sj和Git的安装目录也要给已管理员身份运行

关于网络：

全程科学上网的话用npm
国内用镜像cnpm

1、安装nodejs和git

根据个人安装习惯，我是放在D盘 安装最新版 安装过程只改路径 然后一路Next默认安装即可。

1
2
Node.sj下载地址：https://nodejs.org/
Git下载地址：https://git-scm.com/

　

添加nodejs 环境变量

1
2
3
在node根目录 新建文件夹
node_global
node_cache

用户变量：

win键-搜索-查看系统高级设置-环境变量
用户变量/编辑Path 添加路径 

1
2
D:\你的路径\nodejs\node_global\
D:\你的路径\nodejs\node_cache\

系统变量：

1
2
NODE_HOME
D:\你的路径\nodejs
1
2
NODE_PATH
D:\你的路径\nodejs\node_global\node_modules
1
2
Vue CLI
D:\你的路径\nodejs\node_global\node_modules

2、全局安装环境命令

win+R 输入cmd 使用系统终端全局安装

注：如果在vscode直接输入可能会无法安装到nodejs目录，导致无法全局或其他命令报红，建议跟着走全局。

环境根据自己需求安装，如果只是搭建博客安装npm和hexo即可。前三条加一个hexo依赖包

1
npm install -g npm //全局安装npm
1
npm install -g hexo-cli //全局安装hexo
1
npm install //安装Hexo所需的依赖包
1
npm install -g pnpm //全局安装pnpm
1
npm install -g @vue/cli //全局安装vue

内网镜像源

最新淘宝镜像源 2024

1
2
3
npm install -g cnpm //全局安装cnpm
npm config set registry https://registry.npmmirror.com //淘宝镜像源
cnpm install //Hexo所需的依赖包

检查是否安装命令

1
2
3
4
5
node -v //检查node版本
npm -v //检查npm版本
pnpm -v //检查pnpm版本
hexo -v //检查hexo版本
vue --version //检查vue版本

3、初始化Hexo项目

1
hexo init //初始化

ssh密钥

1
2
3
ssh
ssh-keygen -t rsa -C "你的邮箱"
ssh -T git@github.com

主题可以到Hexo主题里挑

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly //butterfly主题
1
hexo s //本地预览
1
hexo g //生成静态文件
1
hexo d //上传部署博客
1
hexo cl //清除缓存文件
1
2
hexo g && hexo d  #&&分割 多条命令同时执行

_config.yml　配置修改

1
permalink: :title/ # 指定文章的永久链接结构
1
2
3
4
deploy:
  type: git
  repo: git@github.com:fastkj/fastkj.github.io.git
  branch: main

结束

主要是记录安装环境，下面是些个人其他笔记

pnpm

1
2
3
4
pnpm install //安装依赖环境
pnpm dev //运行pnpm
npm install -g pnpm //全局安装
npm i -g pnpm //相同

Vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Vue全局脚手架
npm config set registry http://registry.npmjs.org //默认源
npm install -g @vue/cli //安装
npm install -g vue-router //安装vue-router
npm cache clean --force //清除缓存 整个都删除慎用


vue create vue-demo
cd vue-demo
npm run serve

npm install vue -g
npm install @vue/cll -g
npm install -g @vue/cli

GitHub 文件上传

1
2
3
4
5
6
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin +仓库链接
git push -u origin main

再次上传

1
2
3
git add .
git commit -m "Updated several files" //检查更新文件
git push origin main //上传
1
pnpm dev //运行pnpm
hexo 搜索
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

plugins:
  - hexo-algoliasearch

algolia: #搜索
  appId: "KZQBGCYZ9V"
  apiKey: "603c65ab859a7eeb783930d99cae74b1"
  adminApiKey: "bb438b1b18bc05ca865cde799c85be71"
  chunkSize: 5000
  indexName: "hexo"
  fields:
    - content:strip:truncate,0,500
    - excerpt:strip
    - gallery
    - permalink
    - photos
    - slug
    - tags
    - title