前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo框架的搭建

Hexo框架的搭建

作者头像
ClancyCC
发布2022-04-17 10:00:17
3420
发布2022-04-17 10:00:17
举报
文章被收录于专栏:Blog for ClancyCC

因为最近在闲鱼平台帮助别人远程安装hexo博客框架,弄了几次下来觉得还是自己吧这个过程写下来比较好。 先声明,下文中nodejs的安装路径为D:\Nodejs,所有博客文件放在D:\Blog,github用户名是MYNAME123。

nodejs和git的安装

nodejs下载网址:https://nodejs.org/zh-cn/download/ git下载网址:https://git-scm.com/downloads 根据自己的需求选择对应版本就好了,安装过程就是无限下一步。但是一定要注意好nodejs的安装路径,比如D:\Nodejs

nodejs环境变量的配置

这一步我看到有很多攻略,但是时而正确时而报错。建议根据我下面来: 假设你的安装路径为D:\Nodejs,则在命令行内输入:

代码语言:javascript
复制
npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"

打开:开始/设置(或者win+I)/高级系统设置(可以在搜索框中搜索)/环境变量

在上面的用户变量中,打开Path,新建并输入D:\Nodejs\node_global

在下面的系统变量中,新建变量名为NODE_PATH,变量值为D:\Nodejs\node_global\node_modules

使用下列命令检查nodejs是否安装成功,返回版本号则为成功。(新版本nodejs安装的同时会相应安装npm,所以可以同时检查)

代码语言:javascript
复制
//在命令行中输入
C:\Users>node -v
v16.13.2

C:\Users>npm -v
8.1.2

//在git bash中
$ git --version
git version 2.34.0.windows.1

安装hexo

代码语言:javascript
复制
npm install hexo-cli -g
//检查是否安装成功则输入,返回各个组件的版本号则为安装成功
hexo -v

Bug1

代码语言:javascript
复制
npm ERR! code EPERM
npm ERR! syscall mkdir
npm ERR! path D:/XXXXXXXXXXXXX

可以找到并删除C:\Users\.npmrc文件 或者直接采用命令:

代码语言:javascript
复制
npm cache clean --force

Bug2:’hexo’ 不是内部或外部命令,也不是可运行的程序 建议回看上文“nodejs环境变量的配置”

建立仓库并生成SSH KEYS

在github中注册账号,并选择建立新仓库repository 假设你的用户名为MYNAME123,那么将仓库命名为MYNAME123.GitHub.io,建议添加readme.md文件

确认好你的blog文件存放的位置,例如D:\Blog,那么在此处右击选择“git bash here” 建议以后任何涉及到博客的内容,都从这个位置开始“git bash here”,一共回车4次。 下面输入的邮箱为注册github的邮箱 ssh ssh-keygen -t rsa -C "1234567@mail.com" 打开github个人主页,点击头像,Settings/SSH and GPG keys/New SSH key。title任意,key中输入id_rsa.pub文件内的所有内容,路径为C:\Users\Administrator(或者是你自己的用户名)\.ssh\id_rsa.pub(或者这里也可以直接输入命令,然后把弹出的所有内容复制) cat ~/.ssh/id_rsa.pub 可以用下面的命令,检查是否绑定好了SSH KEYS ssh -T git@github.com

本地初始化博客

打开blog文件存放的位置,例如D:\Blog,那么在此处右击选择“git bash here”

代码语言:javascript
复制
hexo init

初始化完毕后,找到你的系统配置文件D:\Blog\_config.yml,将文件末尾进行修改,需要将用户名改成你自己的。

代码语言:javascript
复制
deploy:
  type: git
  repository: https://github.com/MYNAME123/MYNAME123.github.io.git
  branch: main

设置github令牌,将博客发布到服务器中

打开github个人主页,点击头像,打开Settings/Developer Settings/Personal access tokens/Generate new token title随意,勾选所有选项,有效时间里选30天或者更多都可以,点击绿色按钮“Generate token”。生成完毕后,把绿色勾号后面的所有字符给复制上。这一串字符就是你的令牌,建议永久保存好,有可能每次上传服务器都要用到。

安装hexo-deployer-g组件,它帮助将文件上传到服务器中。

代码语言:javascript
复制
npm instal1 hexo-deployer-g --save

最后一步!!!

代码语言:javascript
复制
git config --global user.name "MYNAME123"
hexo g//生成页面文档
hexo d//上传至服务器

此后会出现弹窗,如果是UI很高级的那种,就可以选择账号密码登录或者令牌登录的话,你就选令牌然后输入令牌; 如果是很低级的那种,就一个框加一些描述性文字,那就按要求来,要用户名就输用户名,要密码password也输入令牌,而不是密码; 此后,你只需要在浏览器的地址栏输入MYNAME123.github.io就可以访问你的网页了!

参考链接:

关于nodejs的安装 https://blog.csdn.net/lxw1844912514/article/details/119727823

关于git的安装 https://www.cnblogs.com/xueweisuoyong/p/11914045.html

github账号的注册 https://www.bilibili.com/read/cv5107169/

在任意位置右击,然后选择git bash here, 并使用安装hexo命令 npm install hexo-cli -g

如果出现安装错误 http://www.qianduanheidong.com/blog/article/316744/db118ba3f128fa3f4ea9/

关于在github中建立仓库并生成密钥,见下方链接的第三节(这个链接的全过程也是可以参考的) https://blog.csdn.net/qq_46922488/article/details/119348718

关于安装对应的主题,hexo给出了许多官方主题,根据各自的指引操作 https://hexo.io/themes/

本人采用的主题是butterfly,从安装文档1开始顺次阅读修改就可以了 https://butterfly.js.org/

关于将域名和自己的hexo博客绑定 https://blog.csdn.net/weixin_44718865/article/details/114760047

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • nodejs和git的安装
  • nodejs环境变量的配置
  • 安装hexo
  • 建立仓库并生成SSH KEYS
  • 本地初始化博客
  • 设置github令牌,将博客发布到服务器中
    • 最后一步!!!
    • 参考链接:
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档