还没有自己的个人博客? 来手把手教你用Gitee+Hexo搭建只属于你的世界~(一) ❤️

简介: 还没有自己的个人博客? 来手把手教你用Gitee+Hexo搭建只属于你的世界~(一) ❤️

一.搭建环境

以下是博客搭建的环境地址,具体的安装流程可以自行百度。
1、Git: https://git-scm.com/


2、Node.js: https://nodejs.org/zh-cn/


3、Typora: https://www.typora.io/


4、PicGo: https://github.com/Molunerfinn/PicGo/releases


5、Gitee: https://gitee.com/

二.创建项目

以下是创建项目的流程,我这里不在具体的讲解,网上的教程有很多,我用的主题是:hexo-theme-matery,可以自行下载配置,这里不多介绍。可以参考以下文章进行创建项目,这个是用next主题搭建的:


https://mooongod.gitee.io/blog/2021/04/07/gitee-page-hexo-next%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/#more

三.博客图片存储解决

在我们写博客中肯定会用到大量的图片来解释说明文章或者某个操作步骤,这时大量的图片都放到项目中,导致项目占用大量的空间,也不方便管理,所以采用gitee统一管理存储图片,我们在博客中直接引用网络地址即可。

1、下载PicGo

下载地址:https://github.com/Molunerfinn/PicGo/releases

下载安装好,搜索安装插件:github-plus

接下来打开配置这个窗口,先不用填,我们去gitee上新建一个仓库。

2、创建图床仓库

打开码云,点击新建仓库

然后需要申请私人令牌


在使用GitHub API或命令行时,可使用个人访问令牌 (PAT) 代替密码向 GitHub 进行身份验证。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1vzSpXtu-1625889016702)(https://gitee.com/xyhwh/pic/raw/master/20210526164143.png)]


选择以下这两个即可

输入密码后保存生成的令牌

3、配置PicGo


4、测试是否配置成功

四、配置Typora

进入 typora 选择->偏好设置->图像


以后往 typora 中插入图片,图片会自动上传到 gitee 图床,并且图片地址自动改为图床地址

此时,博客图片存储的所有工作都结束了,有问题可以在关于那一栏中联系我!或者关注我的微信公众号**“码上言”**获得更多的学习资料。

目录
相关文章
|
域名解析 SQL 网络协议
Hexo 个人博客快速部署到Gitee&Coding详细教程
Hexo 个人博客快速部署到Gitee&Coding详细教程
932 0
Hexo 个人博客快速部署到Gitee&Coding详细教程
|
6月前
|
JavaScript 开发工具 git
基于 Gitee 搭建个人网站-入门教程
基于 Gitee 搭建个人网站-入门教程
154 0
|
JavaScript
Hexo+GitHub搭建个人博客
Hexo+GitHub搭建个人博客
89 0
Hexo+GitHub搭建个人博客
|
JavaScript 安全 前端开发
【Gitee + Hexo】从0开始搭建自己的博客网站
【Gitee + Hexo】从0开始搭建自己的博客网站
254 0
|
缓存 JavaScript 网络安全
使用Hexo在Github上搭建个人博客
使用Hexo在Github上搭建个人博客
116 0
|
Linux 网络安全
Hexo + Gitee安装部署(打造你的个人博客)
Hexo + Gitee安装部署(打造你的个人博客)
Hexo + Gitee安装部署(打造你的个人博客)
|
搜索推荐 JavaScript 前端开发
超详细Hexo+Github博客搭建小白教程(一)
超详细Hexo+Github博客搭建小白教程
413 0
超详细Hexo+Github博客搭建小白教程(一)
|
数据采集 存储 缓存
超详细Hexo+Github博客搭建小白教程(三)
超详细Hexo+Github博客搭建小白教程
141 0
超详细Hexo+Github博客搭建小白教程(三)
|
搜索推荐 JavaScript BI
超详细Hexo+Github博客搭建小白教程(二)
超详细Hexo+Github博客搭建小白教程
210 0
超详细Hexo+Github博客搭建小白教程(二)
|
前端开发 JavaScript 搜索推荐
超详细Hexo+Github博客搭建小白教程(一)
首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。通过Hexo,你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦。是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行。
916 0
超详细Hexo+Github博客搭建小白教程(一)