欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Hexo+github快速搭建个人博客

程序员文章站 2023-12-24 15:09:15
...

一、安装环境

1.1、安装nodejs
Nodejs安装地址

安装完成后打开cmd命令行查看,出现版本号即安装成功。
Hexo+github快速搭建个人博客
更换npm镜像源

1.单次使用

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

2.永久使用

npm config set registry http://registry.npm.taobao.org

2.检测是否成功

使用如下命令来验证
npm config get registry
或者
npm info express

Hexo+github快速搭建个人博客

1.2、安装git
git安装地址
Hexo+github快速搭建个人博客

安装完成后桌面鼠标右键
Hexo+github快速搭建个人博客

对git操作不熟悉或没学过的读者们给大家推荐一波Git****,Up主讲的很不错!

【狂神说】一小时掌握git

二、安装hexo博客框架

打开cmd命令行运行命令

npm install -g hexo-cli
安装完成后使用
hexo-v
验证是否安装成功

Hexo+github快速搭建个人博客

三、开始构建博客

Hexo+github快速搭建个人博客

温馨提示 : 按住ctrl+滚轮可调整字体大小

Hexo+github快速搭建个人博客

开始初始化

hexo init

Hexo+github快速搭建个人博客
启动博客

hexo s

Hexo+github快速搭建个人博客

默认地址是: http://localhost:4000
浏览器访问 :http://localhost:4000即可看见

Hexo+github快速搭建个人博客

四、创建自己第一篇博客

ctrl + c (关闭)

Hexo+github快速搭建个人博客
创建博客

hexo n "文章名称"

Hexo+github快速搭建个人博客

编辑博客
Hexo+github快速搭建个人博客

Hexo+github快速搭建个人博客

Hexo+github快速搭建个人博客

执行以下命令

hexo clean (清理)

hexo g (生成)

hexo s (启动)

再次访问 http://localhost:4000 即可看见

Hexo+github快速搭建个人博客
创建并编辑博客成功!

五、将博客部署到github上

github官网
Hexo+github快速搭建个人博客

没有账号的先创建一个账号

登录成功后,创建一个仓库

注意:仓库名要和账号名一样
仓库名 = 账号名 + .github.io

Hexo+github快速搭建个人博客
Hexo+github快速搭建个人博客
Hexo+github快速搭建个人博客
安装git部署插件

npm install hexo-deployer-git --save

Hexo+github快速搭建个人博客

Hexo+github快速搭建个人博客

部署到github

hexo d

输入github账号和密码
Hexo+github快速搭建个人博客
Hexo+github快速搭建个人博客

Hexo+github快速搭建个人博客

Hexo+github快速搭建个人博客

部署成功
Hexo+github快速搭建个人博客

浏览器输入该地址即可访问,这样别人也可以访问了。(可以偷偷在朋友面前小小的装一下了,(>ω・* )ノ)
Hexo+github快速搭建个人博客

Hexo+github快速搭建个人博客

Hexo+github快速搭建个人博客

六、更换博客主题

可参考我的另一篇博客
https://blog.csdn.net/llllllkkkkkooooo/article/details/106104157

最后,谢谢大家阅读!

上一篇:

下一篇: