一、安装node.js环境
1.在官网:https://nodejs.org/en/ 选择安装包node-v9.8.0-x86.msi(在本处可以选择适合自己电脑的版本,由于博主电脑是32位的所以选择X86,64位的安装包可以在download里找到,不再细讲),
2.点击安装包,一路保持默认设置安装即可。
然后打开命令提示符,输入node-v ,若出现版本号,则说明安装成功。
二、搭建Git环境
Git是一个开源的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。
1.在Git官网:https://git-scm.com/downloads 下载安装包:Git-2.16.2-32-bit
找到该exe文件点击并安装,一路按默认设置即可。
2.在桌面点击鼠标右键,然后点击Git Bash Here,在该窗口输入git –version ,若出现版本号,则说明Git 环境配置成功
三、GitHub注册和配置
1.在GitHub官网:https://github.com/点击sign up进入第二个页面按着步骤注册即可
2.点击右上角的+号,New repository 创建一个仓库;
仓库命名规则:用户名/用户名.github.io
3.访问:用户名.github.io 若可以正常访问则,GitHub配置成功。
四、安装配置Hexo
1.博主这里新建了一个文件夹在D盘,在Git Bash Here的命令行中,采用命令:npm install hexo-cli -g
等待几分钟即可安装成功。此处要注意务必要以管理员身份登入。
若遇到下图这种情况,这是因为我们进入Git Bah here并不是以管理员身份登录的,
这时只需退出后以管理员身份登录后再重复第一步的步骤即可成功安装
安装完后文件夹生成如下:
其中npm允许开发人员使用package.json文件来指定在应用程序中要用的模块,优势是
无需一个一个地安装模块
其他开发人员可以很容易地安装你的应用程序
应用程序的依赖关系储存在单一的地方
2.安装Hexo完成后,需要初始化Hexo,把用户名改成自己的,Hexo 将会在指定文件夹中新建所需要的文件。
按照以下三条命令:(1)初始化用户名:hexo init wuliqunaoguigui.github.io
(2)进入该命名的文件夹:cd wuliqunaoguigui.github.io
(3)安装所需的包装包:npm install
在这里可以选用淘宝NPM镜像,因为在国内直接使用npm的官方镜像是非常慢的,这里推荐使用淘宝NPM镜像。https://npm.taobao.org/在这个连接里
这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
所以你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
$ npm install -g cnpm –registry=https://registry.npm.taobao.org
-g cnpm –registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:
$ cnpm install [name]
[name]
3.运行本地Hexo服务
命令:hexo server或hexo s
您的网站会在 http://localhost:4000 下启动。如果 http://localhost:4000 能够正常访问,则说明 Hexo 本地博客已经搭建起来了,只是本地,别人看不到的。下面,我们要将该文件部署到Github,以便别人也能看到。
若出现如下错误,则需要安装server,安装命令:npm install hexo -server –save
五、关联Hexo与GitHub
主要采用ssh keys
1.如何生成ssh keys?
输入命令:ssh-keygen -t rsa -C “2524366546@qq.com“
回车后会要求你输入一个密码,这个密码会在你提交项目时使用,我们一般默认不要密码直接回车即可。
2.添加ssh keys到GitHub
在文件目录:C:\User\xiaogui.ssh\id_rsa.pub ,此文件里的内容是刚刚生成的密钥,全部复制该文件的内容,粘贴到:https://github.com/settings/keys的new SSH key 中
3.配置个人信息
在Git Bash Here 命令行,输入以下两条命令,进行个人信息的设置,把名称和邮箱替换成你自己的。命令:
1.git config –global user.name “wuliqunaoguigui”
2.git cofig –global user.email “2524366546@qq.com“
4.配置Deployment
在_config.yml文件中,找到Deployment,然后按照如下修改,用户名改成自己的,强调一点:冒号后面要空一格
Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:wuliqunaoguigui/wuliqunaoguigui.github.io.git
branch: master
5.本地文件提交到GitHub Pages
命令:(1)删除旧的public文件:hexo clean
(2)生成新的public文件:hexo generate 或 hexo g
(3)开始部署:hexo deploy 或 hexo d
在浏览器中输入https://ricesgui.github.io/(用户名改成自己的)看到了 Hexo 与 GitHub Pages 已经成功关联了!
至此以全部完成搭建博客的所有流程,感谢阅读,博主为小白,若有错误之处敬请指出。
https://blog.csdn.net/weixin_41299929/article/details/79599884