最详细0成本快速搭建个人博客网站,Gitee + Hexo

文章目录[隐藏]

所需工具

还有代码托管平台:Gitee

需要安装好以上工具与环境即可

 

本地配置Hexo

新建一个文件夹,然后使用Vscode打开它,接着打开vscode终端(Ctrl + `)

记住需要管理员运行vscode哦

打开终端后,先替换一下npm为cnpm,这样做是为了增快我们国内的下载速度

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

然后来安装nrm工具更换为国内源

cnpm install -g nrm

安装完毕后输入 nrm ls 可查看当前使用的源

 

 

注意!如果出现无法加载文件,系统禁止运行的错误,请查看我的另一篇文章解决
点我查看

然后我们更换淘宝的源即可 nrm use taobao

在这里还有可能遇到一个 “124” 错误,请看这篇文章 点我查看

当然还可以测速一下各种源的延迟

 

 

更多nrm命令如下

//查看可用源
nrm ls

//添加源
nrm add <源名称> <源地址(url)>

//删除源
nrm del <源名称>

//使用源
nrm use <源名称>

//测试源速度
nrm test

 

做好上面准备后,就可以开始安装hexo啦

cnpm install hexo-cli -g

 

 

等待安装完成后,现在需要使用hexo命令来创建一个网站目录

hexo init blog

 

 

接下来在vscode左侧就可以看到刚刚新建的名为blog的文件夹,打开它就是我们的hexo程序

这时候我们先去码云新建一个仓库

 

 

仓库名一定要为自己的账户名!

仓库名一定要为自己的账户名!

仓库名一定要为自己的账户名!

这样才能更加缩短网站的域名达到美观

仓库名改好后,下方是否开源选择公开即可点击创建仓库

 

 

不知道自己的用户名?点击个人主页,看最上方域名后面那一串就是

 

 

创建完毕后,我们需要记住自己的Https连接地址,复制即可

 

 

然后返回vscode,打开网站文件夹下面的 _config.yml 文件

修改它的一些配置

请注意修改config文件!空格也要严格按照格式!

 

#Site

Site这里我们要修改的是一些博客信息,资料参考自官方配置文档

这里我们就修改一些最重要的吧

title:博客的名字

author:作者名

language:zh-CN
#deploy
deploy:
  type: git #部署类型
  repo: https://gitee.com/nutssss/nutssss.git #仓库https地址
  branch: master #选择主分支

这里按照我的修改就行,repo写上自己的仓库地址

 

 

此时我们在网站文件夹目录输入命令 hexo server

这时候会创建一个本地的服务器让我们浏览自己的博客

按住ctrl键左键单击链接即可打开

 


 

 

Ctrl + C关闭掉服务,打开source文件夹

这里就是文章的文件,都是采用Markdown写法来写文章的

现在来创建一篇新的文章

hexo new '这是我的第一篇博文'

在source文件夹打开该文件,即可编辑文章

 

 

现在就同步到gitee里面去让大家来访问吧!

安装hexoGit工具

cnpm install hexo-deployer-git --save

然后直接部署到gitee

hexo deploy

部署要求输入账户名与密码,对应的是gitee的登录账号(邮箱)与密码
注意:如果账号密码输入错误,可以使用git config --system --unset credential.helper来重置账号和密码

 

 

上传成功

 

 

返回gitee刷新网页,确定已经完成上传

 

 

在gitee,找到服务,gitee pages

 

 

勾选 强制使用Https 点击启用

 

 

访问地址,成功

 

 

就是写博文麻烦了一点点,每次需要使用hexo new 新建文章后写完

然后运行

hexo clean && hexo generate && hexo deploy

清除生成相关页面 && 重新生成静态页面 && 部署

最后去gitee里面的gitee pages里面点击更新才可以更新博客

 

不过毕竟是免费的国内网站,也算是一次好玩的经历折腾,永久免费的个人博客

更多的hexo博客玩法可以自行学习,本文章只教学搭建hexo博客