Hexo新手免费搭建博客视频教程

前言

经过了这几天的折腾,作为小白的我,也终于搭好了一个自己的个人博客—-基于码云(Gitee)与Hexo的结合。也无所谓它有没有人看吧,毕竟也只是自己的一个兴趣爱好……

然后今天(录视频教程那天)想着,趁着把之前的操作,或者纠结了许久的不确定,或者那些踩过的坑等等再整理一下,免得到时候忘了,又得去找教程。

emmm……好吧,其实这篇文章也不算是文字教程。

因为毕竟出视频教程了(录视频、配音和做后期一共花了两天我时间),再打字我就懒得弄了,所以这里我就只写一些必要文字了吧?!

所需的软件和平台

必须的软件:

node.js

node.js官方网站:http://nodejs.cn/download/

node.js阿里云镜像站:https://npm.taobao.org/mirrors/node/

Git

Git官网(下载速度可能稍慢):https://git-scm.com/

Git阿里云镜像站(推荐):https://npm.taobao.org/mirrors/git-for-windows/

可根据个人喜好替换的软件:

Visual Studio Code
typora

官方网站:https://www.typora.io/

以上软件若你下载速度慢,可以在这篇文章底部找到我已经下载好了的国内链接,链接里不定期更新以上软件的版本(保证均从官网下载下来不做任何修改)。当然最好是自己去官网下,因为我懒,更新不会很频繁,除非你催我一下(发邮件或者其他什么的)……

要用到的框架或平台:

Hexo

官方网站:https://hexo.io/zh-cn/

Gitee(码云)

官方网站:https://gitee.com/

安装说明

node.js和Typora就不说了,这个灰常简单。

至于Git,它安装的时候选项挺多的,而且还都是洋文,看不懂的话就全部选 next 就行了。你要是非得搞明白它每个选项的意思,emmmm那建议你们自己去搜吧,网上一搜一大把。我反正是不知道每项的意思,(全是废话…)我也不想知道~~~/手动狗头

VsCode安装好之后默认是英文界面,可以在插件市场里搜索chinese,然后安装之后重启软件,就是中文版了。

图片[1]-Hexo新手免费搭建博客视频教程
VS Code 设置中文

检验是否成功安装

用 Win + R 打开运行,输入 cmd 并进入cmd窗口

node.js 的检查
node -v
npm的检查

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题

npm -v
Git 的检查
git --version

以上有显示版本号,则说明安装成功

Hexo的安装

1、安装之前可以先设置一下淘宝镜像加速器
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、全局安装框架
npm install hexo-cli -g
3-1、创建你的博客目录
hexo init 你博客的文件夹名字
3-2、进入你博客的目录
cd 你博客的文件夹名字
4、复制文件到你博客的目录
npm install
5、安装Hexo部署插件

请在你博客的目录下启动cmd,再执行以下代码

npm install hexo-deployer-git --save

Git的配置

用 Win + R 打开运行,输入 cmd 并进入cmd

设置用户名称
git config --global user.name "用户名"
设置用户邮箱
git config --global user.email "用户邮箱"
生成密钥
ssh-keygen -t rsa -C "用户邮箱"

以上代码执行之后,会让你设置密码,推荐一个都不要设置,直接连按三次回车键。

博客 _config.yml 文件的配置

打开你博客根目录的 _config.yml 文件,将一下信息添加到里面去。

deploy:
  type: git
  repo: https://gitee.com/hcllmsx/hcllmsx.git    #替换成你自己仓库的HTTP URL地址
  branch: master

【注意区分】你博客根目录的 _config.yml 文件,和主题根目录的 _config.yml 文件!

Hexo常用代码

1、清理缓存
hexo cl

hexo cl 是 hexo clean 的简写

2、生成静态页面
hexo g

hexo g 是 hexo generate 的简写

3、在本地映射(预览)
hexo s

hexo s 是 hexo server 的简写

4、部署推送
hexo d

hexo d 是 hexo deploy 的简写

5、以上连写示例一(清理缓存 + 生成静态页面 + 在本地预览)
hexo cl && hexo g && hexo s
6、以上连写示例二(清理缓存 + 生成静态页面 + 部署推送)
hexo cl && hexo g && hexo d

资源下载

由于国内打开国外网站的速度有时候是看运气的,所以如果你下载很慢……可以选择下载我这里下载好的。另外,新建文章的通用模板也在里面,有了它可能会非(mei)常(you)方(luan)便(yong)。最后再再再再重申一次,尽量还是自己下载最新版,因为我更新挺懒的,除非你催我。

链接:https://msx.lanzoui.com/b0ewfyypa    密码:3t1u

© 版权声明
THE END
如果有帮到您的话就点个赞呗
点赞17 分享
评论 共3条
头像
你确定你想到的,就是最Sao的话了嘛你就叭叭?
提交
头像

昵称

取消
昵称表情代码图片
    • 头像xuesj0
      • 头像xuesj0
    • 头像翠花0