新设备如何使用hexo博客

2021-01-19 11:09:38 浏览数 (1)

前言

我们知道,使用 Github hexo 搭建一个个人博客确实需要花不少时间的,我们搭好博客后使用的挺好,但是换一个电脑如何维护我们的博客呢?我们怎么使用 hexo 再发布文章到个人博客呢?

如果我们还是按照之间我们总结的教程再次搭建一个博客,然后修改代码更换 hexo 主题等,各种配置特别繁琐,那么有没有一种方便的方法,直接使用我们之前搭建好的博客的源文件呢?

操作步骤

一、安装必要软件

安装 Git 客户端

安装 node JS

二、在 github 官网添加新电脑产生的密钥

这个后面解释

三、源文件拷贝

我们将个人博客的资源文件克隆到本地

代码语言:javascript复制
$git clone source github或者gitee地址

我这里去克隆了我的github分支,没有创建分支和上传的可以从原先电脑中将资源文件拷贝过来。

在新设备上安装node JS后修改全局安装和缓存的路径

代码语言:javascript复制
#这里修改成nodeJS目录
npm config set prefix "E:nodejs"  --nodejs会自动寻找该路径下的   node_modules文件夹为实际存放全局模块的路径,这也是为啥叫prefix不叫global的原因;以   后安装的全局模块都会被放到D:Program Filesnodejsnode_modules下,跟npm模块在   一个文件夹中
npm config set cache"E:nodejsnode_cache"

修改后执行查看命令npm config ls查看修改结果

修改npm源

代码语言:javascript复制
npm install -g cnpm --registry=https://registry.npm.taobao.org

输入cnpm -v ,检测是否正常。

如果这里报错,添加系统变量path的内容。

因为cnpm会被安装到D:Program Filesnodejsnode_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

四、安装 hexo

打开博客的目录,在根目录右键打开git bash命令行,在 命令行 输入下面指令安装 hexo:

代码语言:javascript复制
npm install hexo-cli -g
npm install
npm install hexo-deployer-git --save//文章部署到 git 的模块
(下面为选择安装)
npm install hexo-generator-feed --save//建立 RSS 订阅
npm install hexo-generator-sitemap --save//建立站点地图

五、测试

这时候使用 hexo s 基本可以看到你新添加的文章了。

六、部署发布文章

代码语言:javascript复制
hexo clean   // 清除缓存 网页正常情况下可以忽略此条命令
hexo g       // 生成静态网页
hexo d       // 开始部署

补充

1.在本地使用命令hexo s后浏览器访问127.0.0.1:4000显示无法获取/的问题。

原因

​ 这是因为生成的静态页面没有生成index.html文件,我们查看npm安装hexo各个插件的情况:

代码语言:javascript复制
npm ls --depth 0
解决办法

​ 我们需要逐一安装hexo需要的插件

代码语言:javascript复制
$npm install hexo-generator-archive --save
...

​ 安装完重新构建即可。

2.本地测试完成后hexo d推送到远端服务器失败的问题。

原因

​ 远端服务器需要识别git推送的个人信息,由nameemail组成,我们需要配置本地git的信息。

解决办法
代码语言:javascript复制
git config --global user.name "username"
git config --global user.email “email"

​ 生成SSH Key。

代码语言:javascript复制
ssh-keygen -t rsa -C "email"

​ 会在本地生成一个.ssh的文件夹,打开公钥并复制。然后去github在设置里面添加即可。

0 人点赞