Hexo+Gitee静态博客保姆级搭建教程

简介: Hexo+Gitee静态博客保姆级搭建教程

一:为啥使用gitee?


gitee是国内第一个开源代码托管平台,网速较快,而github 速度是龟速并且很不稳定,有的时候就访问不了,麻了,现在我这已经访问不了了。所以就想着用ee再搭一个。下面就记录一下搭建过程。


二:步骤


其实和github上搭建是一毛一样的,github版本可以参照这篇博文

手把手教你从0开始搭建自己的个人博客//hexo框架

这篇文章就再说一下细节方面的东西吧


1.准备环境


注册一个gitee账号,传送门:https://gitee.com/

官网上下载Git,传送门:https://git-scm.com/

官网上下载node.js,传送门 https://nodejs.org/en/

所有的环境都建议用最新版本的。

2.操作步骤

1 . 打开命令窗口(win+R+cmd),查看node的版本


20210310193634593.png


2.安装淘宝的镜像源

20210310193705689.png

3.检查cnpm是否正确

20210310193748612.png

4.安装hexo框架

20210310193816915.png

5.创建一个空文件夹初始化博客

20210310193858589.png

6.启动博客

20210310193911318.png

此时在浏览器输入localhost:4000就已经可以访问了


3.hexo主题

Hexo官网上提供了丰富的主题可选,官网:https://hexo.io/themes/

20210310194248306.png

选择一个喜欢的点击进入选择克隆或下载对应的zip文件到本地,并解压到网站目录下的themes目录即可。

下面是我自己的主题,用的matery这个博客

20210310194459189.png

4.部署到gitee

首先你需要创建一个仓库,仓库名字最好是和用户名一样,为了避免不必要的麻烦,当然也可以自己指定,但是那样就需要按照文档说明修改root字段

20210310195135689.png

修改文件根目录下的_config.yml

2021031019533480.png

把仓库地址配置到这里

5.推送到远端

20210310195429572.png

注意gitee有个坑,一般而言运行了这个命令之后远端就已经更新了,但是gitee就不会更新,这时候就需要我们去手动更新一下。

20210310195630341.png

这样你就拥有一个属于自己的博客了。

效果:https://xuyuanzhi051.gitee.io/

当然还不是很完美,本人已经沉迷于学习无法自拔,等有时间再好好优化一下。


相关文章
|
6月前
|
持续交付 项目管理 开发工具
【必备工具】gitee上传-保姆级教程
【必备工具】gitee上传-保姆级教程
|
域名解析 SQL 网络协议
Hexo 个人博客快速部署到Gitee&Coding详细教程
Hexo 个人博客快速部署到Gitee&Coding详细教程
935 0
Hexo 个人博客快速部署到Gitee&Coding详细教程
|
JavaScript 搜索推荐 程序员
Vuepress + gitee五分钟免费搭建个人博客(保姆级教程)
前言 作为一个程序员,没有折腾过个人博客是不算完整的。技术文章的输出是我们程序员能力的一种体现,也是一种非常好的个人总结。 市面上有很多搭建个人博客的工具或框架,包括hexo、wordpress等等。不可否认,市面上有些博客系统做得很好,博客主题也很丰富,但是往往存在一个问题:比较重。 作为一个Vue程序员,我就比较推荐使用vuepress搭建个人博客,因为它毕竟是Vue出品的,大家熟知的vue官方就是利用vuepress搭建的。 本篇文章就从零开始教大家搭建一个免费的博客,零基础小白也可以学习哦!
2608 0
Vuepress + gitee五分钟免费搭建个人博客(保姆级教程)
|
7月前
|
JavaScript 网络安全 开发工具
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
|
7月前
|
存储 开发工具 git
|
7月前
|
Ubuntu Linux 开发工具
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
446 0
【阿里云开发】一键部署静态博客——Hexo
|
弹性计算 JavaScript Shell
github+hexo来搭建个人博客——保姆级教程
github+hexo来搭建个人博客——保姆级教程
1779 0
|
域名解析 前端开发 JavaScript
Hexo+Github+vercel 搭建个人博客教程(二)
这篇教程接上篇教程,在上篇教程的基础上在进行
1093 1
|
JavaScript 网络协议 Shell
Hexo+GitHub+Vercel搭建个人博客网站
直接安装,完成后,在cmd上输入node -v和npm -v查看是否安装成功,这两条命令如果都输出了版本号,那么就表示安装成功了
723 0