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"进行访问了
部署后访问网站样式混乱问题,无则忽略以下部分
参考了知乎 嗜睡狂魔 的相关回答,最终成功部署
- 将输入
hexo g
产生的public文件单独上传到项目gh-pages分支
参考该博文git把本地文件上传到远程仓库对应分支 - 再将除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转一下,建议科学上网访问,以防样式混乱