hexo部署到本地


hexo部署到本地

本地nodejs,淘宝云镜像,git环境搭建

1.nodejs搭建教程:

1.1下载:

下载地址:https://nodejs.org/en/download/
一般的Windows系统都选择.msi 64位安装。(.msi是自动安装比较方便)

1.2安装:

正常安装即可最好不要安装到C盘改个安装路径。

1.3查看安装版本:

安装完成后打开终端win+R 输入cmd回车
输入命令node-v查看版本号,出现版本号,说明你的电脑上已经有nodejs,安装成功!

1.4配置nodejs环境:

NodeJS和NPM安装好了以后并不能直接使用,默认情况下,NPM安装的模块并不会安装到NodeJS的程序目录,比如我们安装的时候设置的D盘,“D:\Program Files\nodejs”,而我们使用npm安装一个cluster模块他会出现在C盘默认的路径下面,所以,如果我们不修改npm的模块安装目录,那么它默认情况下都会安装到这里,随着你测试开发各种不同的项目,安装的模块越来越多,这个文件夹的体积就会越来越大,直到占满你的C盘。(网上的说法我觉得只运行hexo不会)所以我们要修改npm的配置。

(1).在nodejs文件夹下,创建两个文件夹: node_global;node_cache
这是用来放安装过程的缓存文件以及最终的模块配置位置。
(2).使用下面命令将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录
npm config set prefix "node_global文件的路径"
npm config set cache "node_cache的文件路径"
例如:npm config set prefix “D:\Program Files\nodejs\node_global”
(还在win+R调出来的黑色命令框里,输入你自己保存的路径可以在文件夹上复制路径)
(3).高级系统设置——环境变量(上一步完成后要将node_modules文件夹复制node_global文件夹下)
新增系统变量(右键此电脑图标属性高级系统设置里面环境变量里面):
变量名填:NODE_PATH
变量值填:(你自己的文件路径)
系统变量
将用户变量下的Path修改为D:\Develop\nodejs\node_global 你自己的路径

1.5修改完成后测试:

输入命令:node 回车——再输入 require(“cluster”)能正常使用没出现err这样的内容就算配置成功,网上教程有把“”打成‘’我用了之后显示没有这命令推测是他打错了。我给改成”“结果成功了。到这里nodejs就配置好了。

2.淘宝云镜像:

在国内使用npm下载东西可能会比较慢,若配置了淘宝云镜像就可通过国内渠道下载会快很多只需在下载命令前加一个c

2.1验证npm:

win+R 先输入node再进行下面的操作
npm -v
出现版本号代表成功

2.2 先初始化项目的配置依赖清单:

npm init -y

2.3 初始化后会有一个package.json文件,在当前的文件夹在我的电脑文件地址栏输入cmd进入命令符窗口,接下来就可以下载了

比如:下载一个jquery
npm install jquery
执行完之后会生成一个node_modules文件
在里面找到jquery.js引入要用的项目中即可

这是命令示例不用操作
npm install xxx 把模块安装在当前项目中(node_modules)
npm install xxx -g 把模块安装在全局环境中
npm install xxx@1.0.0 安装制定版本 
2.4 npm使用国内淘宝镜像的方法:

命令:

npm config set registry https://registry.npm.taobao.org    
npm config get registry   
npm config get registry  

cnpm v不报错就成功了

使用npm安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org  

3. git的搭建:

注意了,像Git这种服务器在国外的东西,它的官网下载这个软件会非常慢,建议直接在百度上搜索git下载与安装,各种软件园都能直接快速下载,留意一下版本最好不要太旧就行。

安装:  
就按他推荐或者默认的安装即可  
到这一步注意调整您的PATH环境选择第二个    

4. 推荐一个编辑工具便于后面修改创建文件:

notepad++ 可以在百度上搜索下在,我用的是这个当然可以用其他的。这是我最开始写的时候推荐的现在我推荐vscode很方便。    

注册GitHub账号并创建仓库

注册很简单,仓库你的GitHub用户名加github.io如:brqs.github.io

利用脚本快速搭建hexo博客

1. 下载[hexo-script]的安装脚本:

你只需要在某个目录下,右键打开git bash然后执行下面这条命令即可下载完成
curl -O https://cdn.jsdelivr.net/gh/kjhuanhao/hexo-script@master/install.sh
我们更建议直接在releases下载,选择最新版本,只需下载install.sh即可

建议新建一个目录存放此安装脚本,最好是你想存放博客文件的地方.
如图:我创建了一个myblogmyblog文件夹,然后在此文件夹下右键打开git bash

然后运行了下载命令,安装脚本(install.sh)就会下载在你的当前文件夹中

2.自动完成全部安装过程并生成博客文件:

hexo_win的使用
您需要在存放install.sh脚本的目录中,右键打开git bash运行以下命令:

source install.sh hexo_win

提示:大约两分钟的时间,博客即可自动安装完成。有时候可能克隆不了脚本换时间段或者再试一次

当您看到出现Please run hexo s to check it out!的提示,证明您已经安装成功,此时你可以运行hexo s然后查看你的博客

cd hexoblog
hexo s

注意:要先cd到hexoblog目录哦!执行以上命令即可,出现网址即为成功可复制到浏览器访问

3.一键生成SSH秘钥:部署hexo博客的必要之物

git_ssh的使用您需要在存放install.sh脚本的目录中,右键打开git bash运行以下命令:./install.sh git_ssh

可以看到会有四条可执行命令,输入对应数字可以执行对应的命令

1)Key
2)SSH
3)Verify-github
4)Verify-coding

1)Key 执行1后可以一键生成秘钥
如果你的电脑已经存在秘钥,程序将会自动退出

2)SSH 执行2后可以查看你电脑中已生成的秘钥]

3)Verify-github 执行3后可以检查秘钥是否配置github成功

4)Verify-coding 执行4后可以检查秘钥是否配置coding成功生成秘钥后别忘记将秘钥添加到账号里,否则秘钥不会配置成功。

4.使用ssh密匙连接:

4.1

在C盘找到上一步生成的密匙文件右键用notepad++打开复制全选

4.2

在GitHub账户中添加你的公钥在account settings中左边菜单点击“ssh keys”再点击add ssh key 粘贴你的密钥即可再点击add key 就行了。

5up.sh的使用:

5.1

您需要在存放install.sh脚本的目录(你自己创建的hexoblog文件夹的上一级文件夹)中,右键打开git bash运行以下命令:
source install.sh deploy

5.2

需要将up.sh复制到hexoblog文件,也就是复制到你的博客根目录(hexoblog)下

5.3

然后在存放up.sh脚本的目录(hexoblog)中,右键打开git bash运行以下命令:
source up.sh

6.部署博客必要的配置:

6.1

首先你需要用notepad++打开根目录配置文件_config.yml进行必要的修改。

6.2

找到deploy,它一般在最后一行,按照以下的格式修改即可

deploy:
  type: git
  repo: 这里填你的仓库地址,建议使用SSH地址,它是以git开头的
  branch: master     

注意在hexo的配置文件中冒号后面一定有空格,在后续美化过程中可能会需自己修改或者添加。当他提示你缺少空格时可能并不准确在这位置前后去寻找哪里缺少空格慢慢找一定有地方不对。


文章作者: 不染轻裳
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 不染轻裳 !
评论
 上一篇

阅读全文

matery主题优化
matery主题优化 matery主题优化
matery主题的优化: 这一部分是我花的时间最长,但是为了把网站做的好很值,通过这一步也更好的了解了hexo的运行方式。这部分将只包括我选用的功能,试了好多,有些功能很鸡肋或者不是很好看。被我抛弃了。 1.matery主题下
2020-10-24
下一篇 

阅读全文

如何部署hexo博客:从零开始到搭建完整
如何部署hexo博客:从零开始到搭建完整 如何部署hexo博客:从零开始到搭建完整
前言 我也是一时兴起(主要就是闲的),最开始在b站看到一个教程视频然后就想自己去搭建一个虽然过程非常痛苦,但当我完全搭建好了之后,再想想确实又没什么困难的,拥有一个个人网站会有很多好处,便于别人认识了解你,面试简历也都会有所加分,我在搭建过
2020-10-24
  目录