Hexo免费搭建博客

前言:心血来潮打算弄个自己的技术博客。搭了一个简易的hexo博客,记录下搭建过程
所需的软件和平台

必须的软件:

node.js

node.js官方网站:http://nodejs.cn/download/
引用
node.js阿里云镜像站:https://npm.taobao.org/mirror...


Git

Git官网(下载速度可能稍慢):https://git-scm.com/
引用
Git阿里云镜像站(推荐):https://npm.taobao.org/mirror...


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

Visual Studio Code

官方网站:https://code.visualstudio.com...

typora

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


要用到的框架或平台:

Hexo

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

Gitee(码云)

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

安装说明:

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/ #替换成你自己仓库的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

你可能感兴趣的:(前端hexo)