小白hexo+github建立个人博客

1安装

个人安装过程较为坎坷，遇到过一些问题，自己已稍作整理，见文章末尾

安装git以及node.js

1.安装git参考此链接：如何安装git
2.安装node.js:node安装链接
如下图，选择安装第一个 安装时出安装路径自主选择，其余一律默认即可

测试是否安装成功

在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

//检测是否成功
node -v
npm -v

如下图出现版本号则安装成功，未出现重新安装

github账号配置SSH密钥：配置SSH

创建blog文件夹

将在此文件夹下创建自己的博客，位置自定义

右击blog文件夹 点击git bash here

打开后，安装hexo

npm install -g hexo-cli

安装cnmp

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

检查是否安装成功
依旧用hexo -v cnpm -v查看一下版本


出现版本号，安装成功。

初始化blog

1.使用hexo来初始化blog

hexo init

初始化完成后blog文件夹下出现一堆文件…
继续输入

hexo s

然后会生成一个地址:http://localhost:4000
在浏览器中打开可以看到已经初始化的博客

下载hexo主题, 使blog更漂亮

1.挑选主题:hexo主题

2.安装主题，以volantis主题为例

可以到主题对应github仓库直接下载zip解压后放到blog文件夹下的themes文件夹下

也可以使用git将主题仓库克隆到本地
themes 目录下右击 Git Bash Here，在 Git Bash 窗口中输入：

git clone 此处填入自己的主题https地址#https://github.com/volantis-x/hexo-theme-volantis.git 

如遇到报错
fatal: unable to access ‘https://github.com/volantis-x/hexo-theme-volantis.git/’: OpenSSL SSL_read: Connection was aborted, errno 10053
则换用该命令

git clone 此处填入自己的主题SSH地址#git@github.com:volantis-x/hexo-theme-volantis.git

还是安装失败可能是网络太差，重试几次

更换主题

复制下载好的主题文件名称，在themes文件夹下

右击blog文件夹下的_config.yml文件，可用记事本或其他编码软件打开。将复制好的内容替换landscape
注意yml文件中所有“ ：”后面必须有一个空格，然后再写内容


为防止报错，随后填写 description: ‘自己blog的简单描述’

本地预览网站

在blog文件下 git bash 输入

hexo s

出现http://localhost:4000网址，输入浏览器即可本地预览新主题网页。

网页样式DIY更改

网页主题不太符合个人设计，可以使用idea或vscode等编码软件调整。以volantis主题为例
blog\themes\hexo-theme-volantis 文件夹下打开_config.yml，根据官方文档：如何调整volantis主题样式 进行修改以更适于个人使用需求，其他主题同理。

网页部署到github

1.打开github建立新仓库 new repo 如图，其他选项默认即可

2.在blog文件夹下打开_config.yml配置文件
配置信息：
deploy:
type: git
repo: git@github.com:用户名/用户名.github.io.git
branch: main
3.在blog文件夹下输入命令行 安装部署插件

cnpm install --save hexo-deployer-git     安装插件

4.在Git上输入这几个命令完成关联：

hexo clean
hexo g
hexo d

以后访问博客就可以在浏览器输入"你的Github账户名.github.io"进行访问了

部署后访问网站样式混乱问题，无则忽略以下部分

参考了知乎 嗜睡狂魔 的相关回答，最终成功部署

1. 将输入hexo g产生的public文件单独上传到项目gh-pages分支
   参考该博文git把本地文件上传到远程仓库对应分支
2. 再将除public外所有文件上传到main（或master）分支
   我的做法是把public文件删除然后上传其余文件(此次为本人第一次使用git功能，故尚不熟悉，如有错误还请指出)
   删除public文件后 参考该博文把本地文件上传到远程仓库(git–第一次提交)

建立个人blog遇到的问题

1安装npm报waring

问题

npm warn config global --global, --local are deprecated. use --location=global instead.

解决方法

方法1

Replace prefix -g with prefix --location=global in all four files
Save all (if asked, save as administrator)
无法以管理员方式保存记事本编辑这两个文件 放弃该方法

方法2 成功解决

For Windows users (thanks to @Lars) use this library:
Open PowerShell as administrator and run (info about policy):

Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force

npm install --global --production npm-windows-upgrade

npm-windows-upgrade --npm-version latest

Edit: Remember to go back to initial policy

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser -Force

2安装hexo博客框架报错

C:\Users\陈晨>cnpm install -g hexo-cli
node:events:505
throw er; // Unhandled ‘error’ event

解决方法

cmd安装webpack后再安装hexo

cnpm install webpack@4.16.5 -g

cnpm install -g hexo-cli

验证版本

hexo -v

3如何复制hexo主题

定位blog文件夹–>themes文件夹–>Git Bash

$ git clone "此处直接复制主题对应的github网址"

4主题配置

_config.yml记事本打开编辑
修改其中theme属性(下载的主题名称)以及description属性

最后

欢迎来我的博客my first blog转一下，建议科学上网访问，以防样式混乱