node+hexo+gitee搭建远程个人博客

本文记录了使用Node.js、Hexo和Gitee搭建个人博客的详细步骤,包括环境配置、项目初始化、部署到Gitee仓库,并介绍了如何设置博客主题。
摘要由CSDN通过智能技术生成

本文章仅作为学习记录,如有侵权,请联系我处理

前言

第一次写博客,技术小白初来乍到,如果有侵权、不当的地方,或有其他建议,都请联系我进行改进,谢谢。目前我的博客主要用来进行学习记录。
这里引用B站CodeSheep的视频(大佬的视频),我是看完这个视频才决定来着手进行博客记录的。
当然本次介绍的也是他分享的项目之一。(手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo

特别感谢(参考帮助):
日复一日,来日方长
CodeSheep
生成/添加SSH公钥

跳转个人博客:
windows凭证管理器
【gitee】使用SSH创建本地与码云仓库的连接
远程博客设置主题

一、环境

1. nodejs

你需要先安装nodejs,下载“LTS”长期支持的版本。
因为国内使用npm下载模块可能比较慢,nodejs安装完后可以使用淘宝镜像cnpm,输入命令:

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

在这里插入图片描述

2. gitee

国外:github,库多,但网速慢,国内不适合做代码云盘
国内:gitee, 库少,但网速快。

这里推荐使用gitee,首先需要安装git(选择对应系统版本)
在这里插入图片描述
然后注册一个gitee账号

将使用账号名和QQ邮箱进行连接gitee

二、项目搭建

1. 安装hexo模块

cnpm i -g hexo-cli

2. 项目初始化

hexo init

3. 然后就是,等待下载完成

在这里插入图片描述

4. 项目基本目录

在这里插入图片描述

5. 输入指令启动服务

hexo s/server

在这里插入图片描述

6. 根据提示进入端口进行预览(在以后主要用来上传前预览效果)

http://localhost:4000

7. 博客主页

在这里插入图片描述

8. 可以根据提示新建博客(先Ctrl+C停止运行)

hexo new "My New Post"

在这里插入图片描述

9. 在/blog/source/_posts路径中就可以看到新建的文件

在这里插入图片描述
推荐使用Notepad++打开文件,这里简单的在后面编写了一点代码(使用markdown语法)
在这里插入图片描述

10. 清理一下

hexo clean

在这里插入图片描述

11. 生成(hello-world是已有的初始页面)

hexo g/generate

在这里插入图片描述

12. 启动测试

hexo s

浏览器输入localhost:4000查看网页效果
在这里插入图片描述

13. 这样子就基本搭建完成,接下来上传gitee

三、部署项目到gitee仓库

1. 新建仓库

在这里插入图片描述

2. 创建blog仓库,这里注意仓库名称和路径设置为你的账号名

在这里插入图片描述

3.创建完成

在这里插入图片描述

4.这里需要在仓库中部署公钥

5. 安装git部署插件

cnpm i --save hexo-deployer-git

在这里插入图片描述

6. 进入blog目录下,编辑_config.yml文件,编辑以下代码(repo为在仓库复制的地址)

在这里插入图片描述

注意:冒号后面跟一个空格

deploy:
  type: git
  repo: https://gitee.com/fourn99/fourn99.git
  branch: master

在这里插入图片描述

7. 将项目部署到git(第一次上传会要求你输入gitee账号密码,之后会保存在windows凭证中)

hexo d/deploy

在这里插入图片描述
在这里插入图片描述

8. 刷新gitee仓库,上传完成

在这里插入图片描述

9. 访问fourn99.gitee.io

在这里插入图片描述
在这里插入图片描述

10.远程博客搭建完成!

11.远程博客设置主题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值